vue现在很火的一款框架,官方介绍是:
Vue.js(读音 /vjuː/,类似于 view) 是一套构建用户界面的渐进式框架。与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。
之前一断断续续的看了一些,这回新项目的后台管理准备用这个框架,写这个系列的博客记录怎么使用vue。
起步:
由于要在项目中使用,所以直接用vue-cli构建项目。
1. 用vue-cli构架项目 首先需要安装node 下载地址:http://nodejs.cn/
2. 由于npm属于国外网站,用npm安装国外包很慢,需要安装国内淘宝镜像, 地址:http://npm.taobao.org/
3.现在需要安装vue-cli工具了,全局安装 : npm install -g vue-cli
4.在要新建的目录下点击右键,
选择git bash here 进入命令行模式.
输入 vue init webpack vue-demo // vue初始化. 文件名为vue-demo。
之后就是回车 等到
这一步的时候 Use ESLint to lint your code? 要选择NO
因为ESLint这个编码要求太严格就先不选了。
安装好之后会有下面的提示
vue-cli · Generated "vue-demo".
To get started:
cd vue-demo //进入vue-demo 文件夹
npm install //安装依赖,把npm换成cnpm,要不国外的npm太慢了。
npm run dev //安装好之后,开始把vue跑起来把。