VUE2脚手架的下载与安装
VUE2脚手架的下载与安装
1. 确保npm能用（安装Node.js）
Node.js的下载地址:
直接下一步下一步安装就行
安装结束后，打开终端，输入npm命令，注意配置环境变量
Vue CLI（脚手架安装）
1、 Vue的脚手架简介
Vue的脚手架（Vue CLI: Command Line Interface）是Vue官方提供的标准化开发平台。它可以将我们.vue的代码进行编译生成html css js代码，并且可以将这些代码自动发布到它自带的服务器上，为我们Vue的开发提供了一条龙服务。脚手架官网地址：
注意：Vue CLI 4.x需要Node.js v8.9及以上版本，推荐v10以上。
2、脚手架安装步骤：
① 建议先配置一下npm镜像：(可装可不装)
- 豆瓣镜像：npm config set registry
清华镜像：npm config set registry
切回原来的npm包：npm config set registry
2)终端输入： npm config get registry
返回成功对应进行地址，表示设置成功
② 第一步：安装脚手架（全局方式：表示只需要做一次即可）
npm install -g @vue/cli
安装完成后，重新打开DOS命令窗口，输入vue –version命令查看脚手架版本
有版本信息，表示成功
注意：环境变量的配置
npm config get prefix 获取node的位置
编辑系统变量—>高级—>环境变量—>系统变量—->path–>node的位置
③ 第二步：创建项目（项目中自带脚手架环境，自带一个HelloWorld案例）
第一种方式
- 切换到要创建项目的目录，然后使用 vue create vue_pro
这里选择Vue2，
babel：负责ES6语法转换成ES5。
eslint：负责语法检查的。
回车之后，就开始创建项目，创建脚手架环境（内置了webpack loader），自动生成HelloWorld案例。
③ 第三步：编译Vue程序，自动将生成html css js放入内置服务器，自动启动服务。
dos命令窗口中切换到项目根：cd vue_pro
执行：npm run serve，这一步会编译HelloWorld案例
ctrl + c停止服务。
- 打开浏览器，访问：
第二种方式
在终端输入vue ui 运行之后跳转到http://localhost:8000/dashboard
点击左上角wordvue选择 管理器，打开之后可以创建项目 也可以打开之前已有的项目
选择创建项目，然后选择项目所在的目录，这次依旧放在桌面上
填写项目名称，包管理一般选默认，git仓库看个人需求
预设就是手动选择配置项，和第一种方法一样
配置也是一样的
创建成功之后，会自动进入app项目
安装依赖（用vue ui安装依赖非常简单，直接搜索然后安装）
