1. 程式人生 > >VUE2.0——Vue腳手架搭建專案(vue-cli)

VUE2.0——Vue腳手架搭建專案(vue-cli)

原文地址:https://www.jianshu.com/p/1626b8643676

使用的編輯器是VScode,新建立一個資料夾,在新建終端裡面敲命令。

1.安裝node.js

安裝完成之後,開啟命令列工具(win+r,然後輸入cmd),輸入 node -v,如果出現相應的版本號,則說明安裝成功。

2.安裝webpack

npm install webpack -g   (webpack -v)

3.安裝vue-cli腳手架構建工具

npm install vue-cli -g   ( vue -V)

4.建立專案資料夾

 vue init webpack projectname (專案名字)

5. 進入建立的工程目錄

cd projectname (專案名字)

 6.安裝專案依賴

npm install

 7.啟動專案

npm run dev

 8.搭建成功介面

9.專案目錄說明