使用vue-cli快速搭建vue项目

简介

• Vue.js（读音 /vjuː/, 类似于 view） 是一套构建用户界面的渐进式框架
• Vue 只关注视图层， 采用自底向上增量开发的设计
• Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件

使用vue-cli快速搭建vue项目

Vue.js 提供一个官方命令行工具 vue-cli，可用于快速搭建大型单页应用。

npm

$ npm install npm@latest -g  #升级npm
$ npm -v
$ npm install --global vue-cli  #全局安装vue-cli
$ vue init webpack my-project  #创建一个基于webpack模板的新项目
$ cd my-project
$ npm install
$ npm run dev

cnpm

$ npm install npm@latest -g  #升级npm
$ npm -v
$ npm install cnpm -g
$ cnpm install --global vue-cli  //全局安装vue-cli
$ vue init webpack my-project  //创建一个基于webpack模板的新项目。需要进行一些配置，默认回车即可
$ cd my-project
$ cnpm install
$ cnpm install vue-router  //安装Vue.js路由库
$ cnpm run dev

成功执行以上命令后访问：http://localhost:8080/#/