为了使用Vue开发大中型程序，需要使用Vue支持项目开发的环境和工具。
Vue-Cli
Vue-Cli便于开发Vue组件和大型程序，以及发布到服务器上。
使用Node.js的包管理器npm，安装Vue-Cli和第三方依赖。
安装Node
npm集成在Node中。安装Node的目的，是为了用里面的包管理器npm。
从nodejs.org下载安装。安装完后能查看版本，表示安装成功。
打开命令提示符，输入命令：
npm -v
node -v
安装cnpm
npm连接国外的资源，如果超时失败，可安装npm的替代品cnpm，并指定使用淘宝镜像从国内下载资源。
npm install -g cnpm --registry=https://registry.npm.taobao.org
安装Vue-Cli
cnpm install -g @vue/cli
查看Vue-Cli的版本。
vue -V
安装webpack, webpack-dev-server, webpack-cli
用于打包发布Vue程序。可使用npm或cnpm安装。
cnpm install -g webpack
cnpm install -g webpack-dev-server
webpack4之后要安装 webpack-cli，即命令行工具
cnpm install -g webpack-cli
检查是否安装成功
webpack -v
创建Vue项目的两种方法
一、使用vue ui 图形接口创建
vue ui
选择创建，然后选择相应的目录在该目录下创建一个新项目。
输入项目名
下一步。选择手动
选择功能如下图：
创建项目，不保存配置。
二、使用vue create 命令创建
vue create vuedemo
先切换到你想要将项目保存到的目录下
此时这里会有三个选项供你选择：前两种是默认创建，后一种是手动创建。
选择手动。
出现了一些选项，用上下箭头在这些选项之间进行移动，按空格选中选项。
这里我们选用Babel（用于JavaScript的兼容性），router（实现页面的路由功能），Vuex（用于状态管理），CSS Pre-processors，Linter/Formatter（代码格式化）其他的默认选中就好。
其他配置如下图
所有的配置都保存在配置文件中
项目创建完成
创建完成后，在项目目录下执行下面的命令，启动项目。
npm run serve
现在可以在本机浏览器上访问 http://localhost:8080/
