1. 安裝git
其右鍵git bash here定位比cmd的命令行要准確,接下來的命令都是利用git bash here。
2. 安裝node.js
一般利用vue創建項目是要搭配webpack項目構建工具的,而webpack在執行打包壓縮的時候是依賴node.js的環境的,所以,要進行vue項目的開發,我們首先要安裝node.js。
建議不要安裝在系統盤(如C:)
下載完畢,按照windows一般應用程序,一路next就可以安裝成功。
3. 安裝npm
4. 安裝全局的vue-cli腳手架,用於幫助搭建所需的模板框架
npm install -g vue-cli,回車,等待安裝
安裝完后,可以輸入vue,然后回車,如果出現vue的信息,則說明安裝成功了。
5. 創建項目
自己找一個合適的地方,新建一個項目文件夾demo,根據自己的需要命名,
打開此文件夾,右鍵git bash here,
輸入:vue init webpack test(項目文件夾名),回車,等待一小會兒,依次出現‘git’下的項,可按下圖操作:
此時,觀察demo的文件夾下又多了一個test文件夾,這個test文件夾就是vue項目的文件夾,如圖所示:
6. 在test文件夾下git bash here
npm install,回車,等待一小會兒,回到項目文件夾,會發現項目結構里,多了一個node_modules文件夾(該文件里的內容就是之前安裝的依賴)。
7. 在命令行里繼續輸入 npm run dev來測試環境是否搭建成功,如果出現如下圖說明成功了:
8. 在瀏覽器里輸入localhost:8080就可以查看頁面如下: