1、安裝node.js

官網(wǎng)下載，安裝后，檢查：node -v , npm -v 查看是否吸納是版本信息；

使用 npm install npm -g 更新至最新；

2、安裝 淘寶鏡像（cnpm）

npm install -g cnpm --registry=https://registry.npm.taobao.org

3、全局安裝 vue-cli

npm install --global vue-cli

或 sudo npm install vue-cli -g

安裝完vue-cli之后要先安裝webpack才能進(jìn)行打包

4、安裝webpack

npm install webpack -g

5、創(chuàng)建vue項(xiàng)目工程

vue init webpack vue-demo

cd vue-demo

npm install //安裝項(xiàng)目依賴

npm run dev //運(yùn)行項(xiàng)目，ctrl+c/control+c退出運(yùn)行

6、查看項(xiàng)目結(jié)構(gòu)

• main.js 是我們的入口文件，主要作用是初始化vue實(shí)例并使用需要的插件
• App.vue是我們的主組件，所有頁面都是在App.vue下進(jìn)行切換的。其實(shí)你也可以理解為所有的路由也是App.vue的自組件。所以我將router標(biāo)示為App.vue的子組件。
• index.html文件入口
• src放置組件和入口文件
• node_modules為依賴的模塊
• config中配置了路徑端口值等
• build中配置了
• webpack的基本配置、開發(fā)環(huán)境配置、生產(chǎn)環(huán)境配置等