命令行方式創建vue項目


准備
首先需要安裝vue-cli
打開命令提示符輸入

npm i -g @vue/cli
ps:建議使用cnpm,mac的朋友們記得加上sudo


安裝完成后就可以開始創建vue項目

1.基於命令行的方式創建vue項目

vue caeate project-name

2.基於圖形化界面的方式創建vue項目
vue ui

開始創建項目
1.在終端中輸入
vue create vue_project_01
按下回車開始創建項目

 

 


2.此時會出現兩個選項詢問你需要安裝哪些功能

 

 

第一項是默認方式創建vue項目,第二項是手動選擇功能創建vue項目

按鍵盤↑或↓來選擇

選擇手動模式

 

 

 

3.此時讓你手動選擇需要安裝的功能 按空格鍵選擇 選中的功能前面會帶有*號 選擇完畢之后按回車進入下一步操作
4.如果選擇了vue-router的話會彈出一個選項

 

 


問你是否需要安裝歷史模式的路由,我選否 因為要用哈希模式的路由

5.又彈出一個提示讓你選擇Eslint的語法版本

選擇標准版本就行

 

 


6.又又彈出一個提示框問你什么時候進行es的語法校驗

選擇lint on save

 

 

7.又又又彈出一個提示問你這些工具的配置文件怎么創建

 

 

第一個選項是創建單獨的配置文件,第二個選項是把這些配置文件都放到package.json中

8.又又又又彈出一個提示問你要不要把剛才所做的那些設置保存為一個模板供后續創建其他項目的時候使用

 

 

9.漫長的等待

正在初始化項目的基本結構、創建一些模板 下載一些包balabala


10.創建完成后提示我們進入到項目的根目錄中

並且運行npm run serve 把項目運行起來

 

 

11.

在瀏覽器中輸入
http://localhost:8080/#/ 就可以訪問到你創建的第一個vue項目了

 


免責聲明!

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



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