首先,通過我的上一篇博客,搭建好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啓動項目,服務啓動成功後瀏覽器會默認打開一個“歡迎頁面”,如下圖
好了,第二篇到這裏,下一篇,深入介紹使用腳手架搭建