使用vue-cli來構建項目

首先,通過我的上一篇博客,搭建好vue的環境和工具之後,https://mp.csdn.net/postedit/80141017。我們來簡單的用vue-cli來構建項目,測試是否成功。

首先,查看各項準備工作是否完善。

使用  npm -v,cnpm -v,node -v ,webpack -v,vue -V指令查看。

各項都安裝成功之後,我們使用vue-cli來構建項目

1.在硬盤上找一個文件夾放工程用的。例如,在G盤新建一個wu的文件夾,裏面存放我們的工程可以直接進入文件夾。

新建好之後,鼠標右擊點擊空白處,點擊在此處打開命令窗口。接下來安裝vue腳手架。

2.安裝vue腳手架輸入:vue init webpack exprice ,注意這裏的“exprice” 是項目的名稱可以說是隨便的起名,但是需要主要的是“不能用中文”。


 注意,Use ESLint to lint your code? No,這一項選擇爲no,其他爲yes。

他的意思是否啓用eslint檢測規則,這裏個人建議選no


當項目新建完成之後,我們使用以下指令進入

首先,進入你的項目: cd exprice

接下來,使用   npm install安裝依賴


最後,使用npm run  dev啓動項目,服務啓動成功後瀏覽器會默認打開一個“歡迎頁面”,如下圖


好了,第二篇到這裏,下一篇,深入介紹使用腳手架搭建





發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章