Vue.js項目腳手架構建


vue.js文檔:https://cn.vuejs.org/v2/guide/

參考這個或者參考菜鳥教程也可以,不過還是那句話官網權威。

我這個主要是看相關的學習視頻搭建的。

一、環境准備

環境准備(node.js環境):

腳手架環境:vue-cli

執行如下命令安裝:

npm install vue-cli -g 或者cnpm install vue-cli -g

 

安裝成功后在在命令行里輸入vue,出現如圖表示OK

 

二、項目初始化

vue init webpack project-name

例如:

vue init webpack blog

出現下面示意圖:

Project name 可以自定義項目名

Project description 項目描述

Author 作者相關信息

VCue build 通常有三種 我選擇標准的也就是第一種

Install vue-router 是否安裝vue-router vue-router是vue的通信方式 我選擇安裝

EsLint 是否選擇EsLint語法檢查 我選擇是

Set up unit tests 我不構建單元測試 所以選擇否

其它的還有,這里就不再贅述。

初始化項目成功后,會出現如下所示:

 

三、運行項目

cd blog

npm run dev

出現如圖,表示成功

 

在瀏覽器輸入:http//localhost:8080,出現如圖:

 


免責聲明!

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



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