一,建立一个Vue工程:

然后就完了….

二,打开这个功能,命令行执行:npm run dev ,就可以看到正常的网页

三,单文件组件的写法与用法:

  1. 新建一个vue文件,写好内容;
  2. 需要的地方引入,其中注意 @ 为 Vue自带的,表示src。如以下引用方式:

  3. 使用Less支持,package.json中添加:less和less-loader,然后文件夹:build->webpack-base-config.js中添加如下:

    {
    test: /\.less$/,
    loader: 'style-loader!css-loader!less-loader'
    }

暂时玩儿到这里,有需要会继续折腾…

代码: Hello-FE