vue2.*初體驗

一. 推薦開發環境

二. 安裝環境

安裝 nvm ： curl -o- https://raw.githubusercontent.com/creationix/nvm/v0.31.3/install.sh | bash

   vim ~/.bash_profile

  export NVM_DIR="$HOME/.nvm"

 [ -s "$NVM_DIR/nvm.sh" ] && . "$NVM_DIR/nvm.sh" # This loads nvm

 

    關掉終端從新打開，nvm ls-remote(查看)

    nvm install v5.10.1 

    nvm use v5.10.1

    npm install cnpm 

安裝webpack: npm install webpack -g

安裝vue-cli:npm install vue-cli -g

三.根據模板建立項目

　　建立vue2.*項目： vue init webpack-simple 項目名

　　

 

　　或者：vue init webpack 項目名

　　

 

　　建立vue1項目：vue init webpack-simple#1.0 項目名

　　

四.安裝依賴，啓動項目　

　　安裝依賴：npm install 

　　 啓動項目：npm run dev 

　注：若是報找不到依賴包的錯就把該依賴包從新下載

五. 目錄結構（以vue init webpack 項目名 爲例）

 

目錄/文件	說明
build	最終發佈的時候會把代碼發佈在這裏
config	配置目錄
node_modules	項目依賴
src	開發目錄
static	資源目錄，能夠放圖片，字體什麼的
test	初始測試目錄，沒用，刪除便可
.xxxx文件	這些是一些配置文件，包括語法配置，git配置等。
index.html	首頁入口文件，若是是開發移動端項目，能夠在head區域加上合適的meta頭
package.json	項目配置文件。
README.md	通常是項目說明

App.vue項目的入口文件

main.js項目的核心文件，全局的配置都在這裏。