搭建vue开发环境，创建第一个VUE项目，vue的版本环境主要分为2.x以及3.x

搭建vue开发环境，创建第一个VUE项目

vue的版本环境主要分为2.x以及3.x

搭建VUE环境

1、安装node.js环境

https://npm.taobao.org/mirrors/node （选择版本）

检查node.js的版本号

node -v npm -v (版本号)

2、安装cnpm

卸载是使用npm较好

安装这个可以从中国镜像下载源，提高下载时的稳定性和速度，也有其他的中国源可以使用，具体可以百度。

使用cnpm之后原来的npm可以使用cnpm进行替代

　npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装2.X vue

vue-cli版本在3以下

npm install --global vue-cli

npm install --global vue-cli@版本
卸载:
npm uninstall vue-cli -g 或yarn global remove vue-cli 


安装vue-cli后，可以查看一下是否安装成功vue --version，

4、VUE2.X创建项目

vue init webpack demo

指令：  vue init <template-name> <project-name>

                      此处<template-name>有多种，常用webpack  可使用 vue list 查看

安装3.Xvue

安装方法：vue install @vue/cli -g
卸载方法：vue uninstall @vue/cli -g
查看版本
 vue ui，打开可视化工具
 

vue create 项目名称 //回车

default默认配置,manually手动配置,如果选择默认一直回车即可,选择手动需要进行相应的配置如下图

根据自己项目需求选择相应的选项,空格选择,a全选

babel---转码

typescript---ts

Progressive Web App (PWA) Support---支持渐进式Web应用程序（PWA）

router---vue-router

vuex---vuex

CSS Pre-processors---css预处理

Linter / Formatter---代码风格检查和格式化

Unit Testing---单元测试

E2E Testing---e2e测试

选中表示支持,回车