1.SCSS 配置

1.1 npm install sass-loader --save-dev
1.2 npm install node-sass --sava-dev
1.3 webpack.base.conf.js的rules配置
{
test: /.scss$/,
loaders: ['style', 'css', 'sass']
}

2.mint-ui

cnpm install mint-ui -S

3.element-ui

cnpm i element-ui -S

4.vuex

vuex cnpm install vuex --save

5.router

vue路由配置：
1.安裝
npm install vue-router --save //cnpm install vue-router
2.在main.js引入并且 使用
import VueRouter from 'vue-router'
Vue.use(VueRouter)
3.配置路由
3.1 創(chuàng)建組件 引入組件
3.2 定義路由(建議復制)
const routes = [
{path:'/foo',component:Foo},
{path:'/bar',component:Bar},
{path:'',redirect:'/foo'} //默認跳轉路由
]
3.3 實例化 VueRouter
const router = new VueRouter({
routers// (縮寫) 相當于routers:routes
})
3.4 掛載
new Vue({
el:"#app",
router,
render:h=> h(App)
})
3.5 根組件的模板里邊使用
<router-view></router-view>
3.6 路由跳轉
<router-link to="/foo"> Go to Foo</router-link>
<router-link to ="/bar"> Go to Bar </router-link>

6. qs庫

qs 是一個增加了一些安全性的查詢字符串解析和序列化字符串的庫。
npm install qs

7搭建vue的開發(fā)環(huán)境：

https://cn.vuejs.org/v2/guide/installation.html
1、必須要安裝nodejs
2、搭建vue的開發(fā)環(huán)境 ，安裝vue的腳手架工具 官方命令行工具

    npm install --global vue-cli  /   cnpm install --global vue-cli         （此命令只需要執(zhí)行一次）

3、創(chuàng)建項目 必須cd到對應的一個項目里面

    vue init webpack vue-demo01

    cd  vue-demo01 
    
    cnpm install   /  npm install          
       如果創(chuàng)建項目的時候沒有報錯，這一步可以省略。如果報錯了  cd到項目里面運行       
    npm run dev

4、另一種創(chuàng)建項目的方式 （推薦） ***

    vue init webpack-simple vuedemo02

    cd  vuedemo02
    
    cnpm install   /  npm install        
    
    npm run dev