本文已参与「新人创作礼」活动，一起开启掘金创作之路。
一、介绍
Vue命令行工具。Vue.js 开发的标准工具，是一个基于 Vue.js 进行快速开发的完整系统，搭建交互式的单页面应用 (SPA) 项目脚手架，快速开始零配置原型开发。
二、安装
1、安装nodejs
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，是一个让 JavaScript 运行在服务端的开发平台，它让 JavaScript 成为与PHP、Python、Perl、Ruby 等服务端语言平起平坐的脚本语言。
（1）下载
（2）查看nodejs是否安装成功
win+r 打开运行对话框，输入cmd ，在命令行输入：node -v 查看版本，如果能看到版本号表示安装成功
脚本执行权限问题：windows默认不允许任何脚本运行，可以设置执行策略来改变的PowerShell环境
（1）以管理员身份运行PowerShell
（2）执行：get-ExecutionPolicy，回复Restricted，表示状态是禁止的
（3）执行：set-ExecutionPolicy RemoteSigned
（4）选择Y
2、安装cnpm
npm（node package manager）：nodejs的包管理器，用于node插件管理，包括安装、卸载、管理依赖等。
cnpm：淘宝团队做的国内镜像，因为npm的服务器位于国外可能会影响安装。淘宝镜像与官方同步频率目前为 10分钟 一次以保证尽量与官方服务同步。
（1）命令提示符执行
npm install cnpm -g --registry=registry.npm.taobao.org
（2）查看是否安装成功
cnpm -v
3、安装Vue
在d盘新建一个文件夹如test，命令行切换到test目录：win+r，输入cmd，输入d:跳转到d盘，输入cd test 切换到test目录。输入如下命令安装：
cnpm install vue
在用 Vue 构建大型应用时推荐使用 NPM 安装。NPM 能很好地和诸如 webpack 或 Browserify 模块打包器配合使用。同时 Vue 也提供配套工具来开发单文件组件。
4、安装Vue-CLI
（1）先卸载旧的CLI。如果没装过跳过此步骤
cnpm uninstall vue-cli -g
（2）安装Vue-CLI
cnpm install @vue/cli -g
（3）检查是否安装成功
vue -V
5、创建Vue项目
vue create 项目名字
或者图形化界面创建
vue ui
6、运行构建
cd 项目名称
运行：npm run serve
构建：npm run build
会在 dist/ 目录产生一个可用于生产环境的包，带有 JS/CSS/HTML 的压缩
三、项目结构
1、node_modules
node_modules里面是项目依赖包，包括很多基础依赖，也可以根据需要安装其他依赖。安装方法为win+r输入cmd，进入项目目录，输入cnpm install 依赖包名称，回车。
2、src目录—[项目核心文件夹]
3、index.html—[主页]
index.html与普通html一样，但一般只定义一个空的根节点，在main.js里面定义的实例将挂载在根节点下，内容都通过vue组件来填充。
4、main.js—[入口文件]
main.js主要是引入vue框架，根组件及路由设置，并且定义vue实例
5、App.vue—[根组件]
一个vue页面通常由三部分组成：模板(template)、js(script)、css样式(style)。
模板只能包含一个父节点，也就是说顶层的div只能有一个（例如上图，父节点为#app的div，其没有兄弟节点）
是子路由视图，后面的路由页面都显示在此处
