建立一個Vue項目

Vue.js不支持IE8及其如下版本，由於Vue.js使用了IE8不能模擬的ECMAScript5特性。

在用Vue.js構建大型應用時推薦使用NPM安裝，Npm能很好地和諸如Webpack或Browserify模塊打包器配合使用。Vue.js也提供配套工具來開發單文件組件。

 

vue的安裝依賴於node.js，要確保你的計算機上已安裝過node.js。能夠進入cmd編輯器，輸入node -v進行查看。node儘可能要用一些新的版本，不然後續安裝會提示node版本太低。去node官網下個新版node從新安裝就能夠。如已安裝

 

成功node會出現以下:

 

退出當前目錄，進入nodejs

node安裝成功後就能夠開始vue的安裝了。（使用淘寶鏡像的cnpm來代替npm的安裝會快不少。淘寶鏡像推薦網址：https://npm.taobao.org/。）

 

若是使用淘寶經先鋒安裝就輸入命令行 $ cnpm install -g vue-cli 進行安裝，若是沒有安裝淘寶鏡像依舊使用$ npm install -g vue-cli安裝

注意：V大寫

到此爲止Vue已成功安裝。

 

建立一個Vue項目

 

這裏咱們使用vue的官方命令行工具——vue-cli。

//全局安裝 vue-cli

$npm install --global vue-cli

//建立一個基於webpack模板的新項目

$vue init webpack my-project

$ cd my-project

$ npm install

$ npm run dev

就下來依次執行vue init webpack 輸入本身項目的名稱，而後進入你建的項目文件夾，此事已經初始化了一個vue項目，但如今項目還沒法啓動。須要安裝相應的腳手架工具，因此繼續執行命令行npm install,有淘寶鏡像的使用cnpm install,安裝成功後你會發現項目裏多了個

 

文件夾。就是項目啓動須要依賴的資源。而後執行最後一句命令（npm run dev），啓動一個端口爲8080的服務，項目就能夠打開。

 

vue項目建立完畢後，具體的代碼寫在src文件夾中就能夠啦！