安裝nodejs
打開(kāi)cmd,輸入
node -v;如果有版本號(hào)就代表已經(jīng)安裝成功。如果沒(méi)有在nodejs官網(wǎng)下載安裝即可。
安裝 cnpm (淘寶鏡像)
這是國(guó)內(nèi)npm鏡像可以提升包的安裝速度。同步頻率目前為 10分鐘一次。
npm install -g cnpm --registry=https://registry.npm.taobao.org
全局安裝webpack
npm install webpack -g
cnpm install webpack -g
安裝完成后再cmd 輸入webpack -v或者webpack --version如有有版本號(hào)輸出則證明安裝成功
全局安裝vue-cli(腳手架)
npm install vue-cli -g
或
cnpm install vue-cli -g
安裝完成后再cmd 輸入vue -V或者vue --version如有有版本號(hào)輸出則證明安裝成功
創(chuàng)建vue模板項(xiàng)目
vue init webpack project-name
? Project name project-name // 項(xiàng)目名稱
? Project description A Vue.js project // 項(xiàng)目描述
? Author xxx // 項(xiàng)目創(chuàng)建人
? Vue build standalone
? Install vue-router? Yes // 是否使用路由
? Use ESLint to lint your code? Yes //是否使用ESLint(javascript代碼檢測(cè)工具)
? Pick an ESLint preset Standard
? Set up unit tests No
? Setup e2e tests with Nightwatch? No
? Should we run `npm install` for you after the project has been created? (recommended) npm
啟動(dòng)
cd vue-book
npm run dev