折腾vue--使用vscode创建vue项目（二）

1、安装webpack

npm install -g webpack 

2、安装sass

npm install --save-dev sass-loader
npm install --save-dev node-sass

3、打开vscode的终端，创建vue程序，并创建vue程序

vscode新建终端：ctrl+shift+`，如果已经打开终端，无需新开终端

创建vue程序

vue init webpack myvue

4、配置sass支持

修改文件：build/webpack.base.conf.js

在rules节点中添加如下配置

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

5、在style中，增加lang="scss"

不需要使用sass时，可以忽略sass支持的配置

6、运行vue

cd 项目目录
npm run dev

7、生成vue

npm run build

生成的代码，在未修改配置的前提下，在dist目录中

ps.

1、webpack的高版本并没有完全向下兼容，所以在编译时，如果版本不对，可能会导致出现错误