Vue2.0 从新手搭建到发布

一、vue是什么？

Vue 是一个前端框架，特点是提供了响应式的数据绑定和组件化的应用构建

二、安装

#兼容性

Vue不支持IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

#vue-devtools

vue-devtools 是一款基于chrome游览器的插件，用于调试vue应用，这可以极大地提高我们的调试效率。安装教程

#安装nodejs

去nodejs官网下载即可，地址：http://nodejs.cn/中文网

#安装vue淘宝镜像

sudo npm install -g vue –registry=https://registry.npm.taobao.org

#安装webpack

sudo npm install webpack -g

#安装vue脚手架

sudo npm install vue-cli -g

# 创建一个基于 webpack 模板的新项目

$ sudo vue init webpack my-project

#进入项目所在目录，启动项目

$cd my-project

$ npm install

$ npm run dev

通过 http://localhost:8080/#/就可以访问项目了

---

如果你还想使用sass的话

#安装sass的依赖包

npm install --save-dev sass-loader

//sass-loader依赖于node-sass

npm install --save-dev node-sass

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

{

     test: /\.sass$/,

     loaders: ['style', 'css', 'sass']

}

#在APP.vue中修改style标签