vue項目的創建和運行

如何運行vue項目

1、安裝node.js（npm包）
vue-cli構建工具(npm install -g vue-cli)
cnpm npm的淘寶鏡像（可直接用npm）

2、創建項目
vue init webpack[webpack構建工具] firstVue[項目文件夾名稱]
直接回車 （yes）即可 完成後，cd firstVue(進入目錄)

3、安裝項目所需的依賴
cnpm install
–大型項目用 npm install

4、運行項目
命令npm run dev (將自動加載並刷新打開服務器查看效果,默認是localhost:8080)

ps:其中 run 對應的是package.js文件中 scripts 字段的dev,也就是node build/dev-server.js命令的一個快捷方式

vue的結構目錄

build —-最終發佈的代碼存在位置

node-module—npm加載的項目依賴模塊
src —-開發目錄（App.vue 項目入口文件，main.js項目的核心文件）

static—靜態資源目錄，如圖片、字體等
test—初始測試目錄，可刪除

.xxx—-文件是配置文件，包括語法配置，git配置等
index.html—首頁入口文件，你可以添加一些meta信息或者統計代碼的

package.json—項目配置文件
READMDE.md—項目的說明文檔