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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM