vue.js的开发和使用

https://github.com/vuejs-templates/webpack
看官网,按照官方网站提供的方法本地新建一个脚手架项目并启动

$ npm install -g vue-cli
$ vue init webpack my-project
$ cd my-project
$ npm install
$ npm run dev

其中 Karma 、Nightwatch 和 eslint 可以选择不要

运行后 会看到如下页面

 





同样目录下运行(支持sass)

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

项目目录 /build/webpack.base.conf.js
找到rules:[]
并在数组里面添加
{
  test: /\.sass$/,
  loader: ['style', 'css', 'sass']
}

然后开发者可以将scss 写在固定的文件目录里面

支持调用

 

运行后

 

 

posted @ 2017-03-16 15:38  小莫_yu  阅读(121)  评论(0编辑  收藏  举报