vue 使用fs_Vue.js(一) 基于vue-cli脚手架工具构建Vue项目

Vue.js 是目前最火的前端框架，几乎没有之一，资深程序员这样评价它："Vue.js 兼具 Angular.js 和 React.js 的优点，并剔除它们的缺点"，大多前端工程师都视 Vue.js 为心中最理想的框架。

学习 Vue.js 建议查看Vue 官方中文文档。当然如果英语能力好的话，推荐查看Vue 官方英文文档，因为对某些 API 的理解，还是英文的文档更容易一些。个人看法，勿喷。

简介

vue-cli 是一个快速构建 Vue.js Project 的脚手架工具。

安装

注: Node.js 版本(>=4.x, 6.x 更高) npm 版本 3+ 并且保证有 Git 环境

npm install -g vue-cli

用法

vue init

例:

vue init webpack first-vue-project

上述命令是在当前目录下，通过vue-cli命令根据 vuejs-templates/webpack 下的模板，生成一个包含 webpack 的 Vue 项目，名为 first-vue-project

相关模板

模板名

模板介绍

browserify

包含 browserify 和 vueify 功能齐全的项目模板，可以设置热更新(Hot Reload)、代码检测 (Lint) 以及单元测试

browserify-simple

快速构建简易 browserify 和 vueify 项目的模板

pwa

vue-cli 基于 webpack 模板构建 PWA(渐进式网页应用)

simple<