初學vue.js ? ，如有錯誤，請多多指教。

hiahai~~ ? 進入正題！

首先新建一個工程吧！

安裝好vue環境之后，找一個你順眼的文件夾 ~~ ? 嘻嘻嘻嘻 ~~ ?作為你的vue的workpace

然后呢 ，

1、打開終端 ??

2、cnpm（如果你安裝了t淘寶鏡像的話，否則用npm）init webpack ?你的工程名 ?

（這一步之前確保你cnpm是全局安裝，否則需要先進入到你的安裝目錄下）

3、cnpm install ?(安裝node組件)

4、cnpm run dev

5、在瀏覽器中訪問 ?localhost：8080

看到如下界面就對了

這里我用的編譯器是 webStrom， ?用webStrom打開剛剛新建的工程

可以看到以下目錄

其中：（敲黑板！正題來了！）

build 最終發布的代碼存放位置

node_model npm加載的項目依賴模塊

config? 配置目錄，包括端口號等

src---------這里是我們要開發的目錄，里面包含了幾個目錄及文件：

---------------------assets：放置一些比較大的靜態的資源文件，如圖片。。。、

---------------------components：目錄里面放一個組文件夾

---------------------App.vue：項目入口文件

---------------------main.js：項目的核心文件

static ：靜態資源目錄 如：圖片、字體。。。。

test：初始測試目錄

XXXX文件：這是一些配置文件，包括一些語法配置，git配置

index.html：這個就不用我說了吧，你懂的，嘿嘿嘿~~ （ 好吧，我還是說一下：首頁入口文件，你可以添加一些 meta 信息或同統計代碼啥的。）

package.json:項目配置文件

README.md：項目說明文檔，markdown格式

總結

以上是生活随笔為你收集整理的Vue.js项目新建及目录结构分析的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。