初始化Vue项目

3. vue init webpack wrs;
4. cd wrs;
5. npm i vuex --save-dev
6. npm install element-ui -S
7. npm install axios --save
8. npm run dev; //运行

打包上线打包完成后，会生成 dist 文件夹，如果已经修改了文件路径，可以直接打开本地文件查看。
项目上线时，只需要将 dist 文件夹放到服务器就行了。
7. npm run build;

安装 scss
npm install node-sass --save-dev //安装node-sass
npm install sass-loader --save-dev //安装sass-loader
npm install style-loader --save-dev //安装style-loader

在 build /webpack.base.conf.js /rules下加入

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

问题

1.Node Sass version 6.0.0 is incompatible with^4.0.0

node-sass 版本过高。重新指定版本安装

npm install node-sass@4.14.1

2.Vue TypeError: this.getOptions is not a function

sass-loade 版本 与 webpack 版本不兼容

webpack 3.6.0 和 sass-loade 7.1.0是可以的

npm install sass-loader@7.1.0 --save