一、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标签
<style lang = "scss">