搭建vue前端項目


1. 確認安裝nodejs

 

 2. 確認安裝npm

 

 3. 國內npm下載依賴的速度太慢,淘寶鏡像cnpm速度快,所以注冊cnpm代替npm。

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

 

 4. 安裝vue-cli

cnpm install -g vue-cli

5. 初始化項目,打包工具選擇webpack,項目名稱:vue-test-ui

vue init webpack vue-test-ui

6. 接下來,填寫一些信息,可以直接enter。

Project name 項目名
Project description 項目名描述
Author 作者郵箱
Use ESLint to lint your code? 是否需要ESlist語法檢查
Setup unit tests with Karma + Mocha? 是否需要單元測試
Setup e2e tests with Nightwatch? Yes是否需要e2e測試

 

7. 這一項可以選擇yes,也可以選擇no。

 

 選擇yes使用npm install命令安裝,選擇no,自行使用cnpm install命令安裝。

8. 出現這個就可以啟動項目了

 

 9. 啟動項目

cnpm run dev

10. 訪問項目http://localhost:8080/#/

 

 

11. 打包項目

cnpm run build


免責聲明!

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



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