搭建VUE項目的準備（利用vue-cli來構建項目）

首先須要明確的是：Vue.js 不支持 IE8 及其如下 IE 版本，通常用與移動端， 基礎：開啓最高權限的DOS命令（不然會出現意外的錯誤提示）

 

注意：我的小推薦若是咱們不知道如何才能開啓最高權限的DOS命令，我的安利一個軟件DISM++，功能主要清楚系統垃圾什麼的，在小工具裏會有個春哥附體

 

  這樣在彈出框裏打cmd，喚出的命令提示符就是最高權限了，話很少說進入正題

1.安裝node.js,檢測版本node -v,還要檢測包管理工具npm -v

這裏須要說明下，由於在官網下載安裝node.js後，就已經自帶npm（包管理工具）了，另須要注意的是npm的版本最好是3.x.x以上，以避免對後續產生影響。

2.  安裝webpack，打開命令行工具輸入：npm install webpack -g，安裝完成以後輸入 webpack -v，以下圖，若是出現相應的版本號，則說明安裝成功。

//全局安裝
npm install -g webpack

3.  安裝vue-cli腳手架構建工具

npm install vue-cli -g

安裝vue-cli腳手架構建工具，打開命令行工具輸入：npm install vue-cli -g，安裝完成以後輸入 vue -V（注意這裏是大寫的「V」），以下圖，若是出現相應的版本號，則說明安裝成功

 

在準備階段

 

接下來咱們就準備構建項目了，首先就是找個磁盤，本身新建一個文件用於放咱們的項目 

在命令行中   cd  找到咱們的項目文件

vue init webpack 項目名字<項目名字不能用中文>

而後會顯示

 

Target directory exists. Continue? (Y/n) 直接回車默認(而後會下載 vue2.0模板，這裏可能須要連代理) 
Project name (vue-test) 直接回車默認 
Project description (A Vue.js project) 直接回車默認 
Author 直接回車默認 
Use ESLint to lint your code? n 
pick an eslint preset. 默認Standard 
setup unit tests with karma + mocha?No(單元測試不須要) 
setup e2e tests with Nightwatch?No(單元測試不須要)

 

cd 項目名字

安裝項目依賴 ： npm install

安裝 vue 路由模塊vue-router和網絡請求模塊vue-resource –save-dev 是你開發時候依賴的東西，–save 是你發佈以後還依賴的東西 ： npm install vue-router vue-resource –save

啓動項目 ： npm run dev

 

  到了這裏，說明你的項目就能夠正式運行了，打開瀏覽器輸入上述的連接，項目搭建完畢，能夠開發了

 

發佈項目 

npm run build