1. 程式人生 > >從零開始Vue專案實戰(二)-搭建環境

從零開始Vue專案實戰(二)-搭建環境

1、下載node.js並安裝

下載地址:https://nodejs.org/en/download/。 下載.msi 格式的直接連續下一步就可以了。安裝完成後可以用 node  -v  和 npm -v 檢視版本號。

2、安裝vue-cli 腳手架構建工具

在命令列中輸入npm install -g vue-cli,自動下載vue-cli(會生成一大堆的依賴檔案)。可輸入 vue 檢視是否安裝成功

3、初始化專案並下載webpack。

vue init webpack myApp

 

命令列工具會要求填寫

1) project name 專案名稱  點回車

2)project description 專案描述, 不想寫直接回車

3)author  作者

4)install vue-router?  建議安裝  Y  回車

5)use ESLint preset      eslint算是一個程式碼語法規範檢查的工具。 我是先安裝再關閉檢查

6)後面兩個 直接N

4、進入專案目錄 cd myApp

5、安裝依賴包 npm install

6、執行專案 npm run dev

三、安裝後端環境