【VueJS】windows環境安裝vue-cli及webpack並創建VueJS項目


1. 安裝node.js, Node.js安裝包及源碼下載地址為:https://nodejs.org/en/download/。

這次node.js不是主角,默認已安裝好了,通過npm –v查看node.js是否安裝好以及安裝的node.js版本

 

如果你安裝的是舊版本的 npm,可以通過 npm 命令“npm install npm -g”來進行版本升級。

 

npm(node package manager)nodejs的包管理器,用於node插件管理(包括安裝、卸載、管理依賴等);npm安裝插件過程:從http://registry.npmjs.org下載對應的插件包,但是該網站服務器位於國外,所以經常下載緩慢或出現異常。

因為npm安裝插件是從國外服務器下載,受網絡影響大,可能出現異常,如果npm的服務器在中國就好了,在此我們要感謝萬能的淘寶啊,因為我們樂於分享的淘寶團隊干了這事。

 

所以我們可以使用淘寶定制的 cnpm(gzip 壓縮支持) 命令行工具代替默認的 npm;

npm install -g cnpm --registry=https://registry.npm.taobao.org

這樣就可以使用 cnpm 命令來安裝模塊了:cnpm install [name] 。

 

2. 安裝vue-cil,因為是全局安裝,所以只需要運行一次就可以了。安裝成功后,以后不必再安裝,安裝命令如下:

npm install -g vue-cli 

 

3. 用vue-cil構建項目

3.1 把當前目錄定位到項目存放目錄

 

3.2 新建一個自己的vue項目“餓了么sell”

 

3.3 項目構建成功后,按照上一步給出的提示命令,往下面一步步執行

 

(使用npm命令時,過程比較緩慢,可以使用cnpm來代替,使用方法將npm install換成cnpm install即可,我這里使用的是npm)

 

3.4 運行了npm run dev之后,會自動打開一個瀏覽器窗口,在地址欄中輸入http://localhost:8080,即可看到創建的項目運行的效果:

 

 此文章發在本人訂閱號和博客上,轉載請注明出處。

                       本人訂閱號二維碼

 


免責聲明!

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



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