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

简介

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

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

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

npm

1
2
3
4
5
6
7
$ 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

1
2
3
4
5
6
7
8
9
$ 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/#/

Powered by AppBlog.CN     浙ICP备14037229号

Copyright © 2012 - 2020 APP开发技术博客 All Rights Reserved.

访客数 : | 访问量 :