vue webpack-simple

vue脚手架 基本使用流程:

1. npm install vue-cli -g   安装 vue命令环境
    验证安装ok?
        vue --version
2. 生成项目模板
    vue init <模板名> 本地文件夹名称
3. 进入到生成目录里面
    cd xxx
    npm install   （将package.json 的内容下下来）
4. npm run dev  （编译程序） npm run bulid(打包)

如要使用less 编写样式代码
若出现如下错误：

image.png

package.config.js 内是没有配置less-loader 的
所以需要在里面配置less-loader
先下载：npm install less-loader@5 -S （6的版本有问题）
再下载：npm install less -D
然后：打开package.config.js 配置less
{
test: /.less$/,
use: [
'style-loader',
'css-loader',
'less-loader'
]
},
接着重新运行nom run dev