vue腳手架的目錄搭建
1.
需要node.js和npm,檢查是否已經(jīng)安裝node.js和npm可以使用命令行工具檢測安裝版本
步驟1.png
2.
如果是MAC OS系統(tǒng),輸入命令時前面需要+ sudo
mac: sudo npm install --global vue-cli
windows:npm install --global vue-cli
安裝完用命令:vue --version檢測安裝版本
步驟2.png
3.
cd到你所要創(chuàng)建的目錄中
通過命令: vue init webpack (當前目錄名)
然后會讓我們寫一些參數(shù):
Project description 輸入項目描述
Author 作者
Vue build 打包方式
Install vue-router? 選擇 Y 使用 vue-router梢睛,輸入 N 不使用
Use ESLint to lint your code? 代碼規(guī)范竖独,N
Setup unit tests with Karma + Mocha? 單元測試莹痢,N
Setup e2e tests with Nightwatch? E2E測試竞膳,N
然后選擇 npm install ,沒有這個選項的就手動cd到創(chuàng)建的目錄中然后 npm install
步驟3.png
4.
cd到我們創(chuàng)建的腳手架目錄中,然后啟動項目
執(zhí)行指令 npm run dev
默認給我們開啟的是8080端口
步驟4.png