本部落格預設已安裝node.js和vue

一、通過vue腳手架搭建環境

1.vue init webpack //初始化

2.按照操作一步一步完成即可

3.搭建成功，輸入npm run dev 如果出現vue的官網，表示搭建成功。

二、配置vue的基本環境

為了更好的使用vue,必要的ui是需要引入的，為了方便css預處理，還需要引入sass。

1.引入Mint UI

2.引入Element UI

3.引入sass

npm install sass-loader --save-dev

//sass-loader依賴於node-sass

npm install node-sass --save

在build資料夾下的webpack.base.conf.js的rules裡面新增配置

{
  test: /\.sass$/,
  loaders: ['style', 'css', 'sass']
}

4.static中配置reset.css並引入到html.css中

5.配置html為移動端適應