vue項目創建完整過程


1.npm:安裝node環境,安裝地址http://nodejs.cn/download/

  npm 淘寶鏡像

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

 

2.webpack : 它主要的用途是通過CommonJS的語法,把所有瀏覽器端需要發布的靜態資源,做相應的准備,比如資源的合並和打包。

3.配置 PATH 和 NODE_PATH:
  a、修改path: D:\Program Files\nodejs\node_global;

  b、新增NODE_PATH:D:\Program Files\nodejs\node_global\node_modules

4.安裝vue 全局

npm install vue -g

// vue-cli 2.0
npm install vue-cli -g 

//vue-cli3.0 安裝前需卸載2.0
npm install -g @vue/cli

 

 

5.切換到項目路徑初始化vue項目

  a. vue-cli 2.*版本 

vue init webpack myProject

 

  b. vue-cli 3 版本 

vue create myProject

 

6. 啟動vue項目

npm run dev //2.*版本

npm run serve // cli3 版本

 

7. cli3版本還有界面化操作

vue ui 

 


免責聲明!

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



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