vue/cli4.x腳手架的安裝以及佈置
vue-cli的優勢:
1.成熟的vue項目架構設計,而且會跟隨vue版本的更迭而更新;
2、提供了-衰本地測試眼務器,而且是一個熱加載的服務器 ;
3、提供了自己的一衰集成打包 上線的方案, webpack或者gulpify在創建項目的時候可以進行選擇;
有了以上優勢,可以非常快速的措建項目;
vue-cli對系統的要求:
vuecli是命令行的一個工具,系統需要:
- node js(>=4.x);
- 能使用node的命令行終端;
第一步安裝node.js
進入nodejs言網 : htps//nodejs.org.en/
下載之後直接安裝
注意:安裝LTS版本(長期穩定)
打開cmd進行如下操作:
node --version
v12.16.1
會出現版本號,或者也可以用npm
npm -v
6.13.4
出現相關的版本號意味着安裝成功
利用淘寶鏡像安裝vue/cli
npm config set registry http://registry.npm.taobao.org/
npm install -g cnpm --registry=https://registry.npm.taobao.org
自己創建一個文件夾用來存放測試項目文件
在目標路徑下輸入cmd直接回車
可以直接打開當目錄下的cmd,會出現如下選擇,你可以選擇默認的或則和自定義的,然後回車
完成之後會顯示如下的界面:
依次按照提示輸入
打開本地的瀏覽器
顯示如下的頁面
補充
當然不僅僅可以在cmd中啓動服務,在ws,idea等等軟件上都有自帶的終端,可以把項目導入然在軟件中啓動項目:以idea爲例子
依然可以運行,這裏給大家提供幾個插件
大家可以使用:
百度網盤鏈接如下:https://pan.baidu.com/s/1VD2VJi-t-7xEX-RurWoiBQ
提取碼:pmhy