1. 程式人生 > >創建一個Vue項目

創建一個Vue項目

pac 端口 -- 技術 註意 class 重新 計算機 基於

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文件夾中就可以啦!

創建一個Vue項目