Node.js+Vue2.0+webpack安装

1.参考文档 https://blog.csdn.net/fungleo/article/details/53171052
Visual Studio Code编辑软件需要安装Vetur、
配置：

2.Node的下载和安装 http://nodejs.cn/download/
3.Visual studio code 下载和安装http://www.downza.cn/soft/198863.html

4.确定安装完成

5.安装 vue-cli VUE的脚手架工具
在终端中输入
npm install -g vue-cli


5.跳转到准备放置目录的文件夹

vue init webpack vue-demo-cnodejs

6.用我们刚刚安装的 vue-cli 脚手架命令 vue ，初始化 init 一个以 webpack 为模板的名叫 vue-demo-cnodejs 的项目

7.安装Sass

可以通过淘宝的npm镜像安装node-sass，解决以上问题。

$ npm install -g cnpm --registry=https://registry.npm.taobao.org  （安装淘宝镜像）
$ cnpm install node-sass  --save （使用淘宝镜像安装node-sass）

在build文件夹下的webpack.base.conf.js的rules里面添加配置

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

在App.vue中修改style标签
<style lang="scss">
然后运行项目
$ npm run dev

<style lang="scss">
$background:#ccc;
body{
background: $background
}
#app{
font-family: 'Avenir', Helvetica, Arial, sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
text-align: center;
color: #2c3e50;
margin-top: 60px;
}
</style>

Vue里配YD ui
参考vue.ydui.rog官方文档
安装lib-flexible

npm i lib-flexible –save

1. 
   
2. 在项目入口文件main.js里引入lib-flexible
   

import ‘lib-flexible/flexible.js’