Vue-cli4腳手架搭建


一:要安裝Node.js:安裝路徑要默認安裝(node-v12.16.2-x64.msi-長支持

二:要安裝cnpm

1)說明:npm(node package manager)是nodejs的包管理器,用於node插件管理(包括安裝、卸載、管理依賴等);

2)使用npm安裝插件:命令提示符執行npm install <name>

3)選裝cnpm因為npm安裝插件時從國外服務器下載,受網絡影響大,可能出現異常,如果npm服務器在中國就好了,所以淘寶團隊干了這事。來自官網“這是一個完整的npmjs.org鏡像,你可以用此代替官方van本(只讀),同步頻率目前為10分鍾一次以保證盡量與官方服務同步。”

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

輸入 cnpm -v,可以查看當前cnpm版本

 yam是個包管理器,是facebook發布的一款取代npm的包管理工具安裝yam

npm install -g yam

三:安裝vue-cli腳手架構建工具

 vue-cli 提供一個官方命令行工具,可用與快速搭建代行單頁應用

1、先確認是否有安裝過vue-cli

vue -V  //如果有的話,就用下面的命令卸載

npm uinstall vue-cli -g  (如圖一所示)

 

2、安裝vue-cli腳手架輸入命令:cnpm  install -g @vue/cli(如圖二)

3、查看vue版本 :vue -V(如圖三)

        

指定版本安裝vue3.0以下:npm install -g vue-cli@版本號

       vue3.0或vue3.0以上:npm install -g @vue/cli@版本號    

四、創建項目

        1輸入如下命令:vue create vue-demo

  

 default(babel,eslint)默認

Manually select  features   手動選擇

空格選擇對應的插件

在cmd窗體中輸入 cd vue-demo

在cmd窗體中在輸入yarn serve

到這里也就完整的把vue-cli4腳手架搭建好了,打開ie瀏覽器輸入http://localhost:8080(如下圖)


免責聲明!

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



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