1，需要用到npm，需要先安装nodejs，在百度搜索安装最新版nodejs

npm作为包管理器来说相对来说比较好用，但是由于服务器不在国内所以有的时候速度会慢一点，所以安装一下淘宝团队的cnpm，这个就是npm在国内的镜像。

2，安装cnpm

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

# -g 代表全局安装

3，安装vue2

cnpm install --g vue-cli

4，安装vue3，vue是向下兼容模式

cnpm install -g @vue/cli

5，安装 webpack 打包用

cnpm install -g webpack

6，检查安装

node -v(小写v) ；如果没有显示node版本，先去官网下载安装node

vue -V(大写V) ；如果没有显示vue版本，npm i vue-cli -g安装

webpack -v(小写v)； 如果需要重新安装，就用 npm install webpack -g

需要三个条件都满足

7，创建项目

vue init webpack vuetest(vuetest是我自己随便取的名字)   #这是vue2的创建

vue create vuetest(vuetest是我自己随便取的名字)  #这是vue3的创建

然后根据提示确定项目名称、使用模块等

8，在项目目录执行 

cnpm install # 安装包 如果需要的话

cnpm run dev # 测试运行 vue2

cnpm run serve  # 测试运行 vue3

9，在浏览器中输入命令行返回的地址进行测试

http://localhost:8080/

...............无休止的开发，无休止的开发，无休止的开发............

10，打包vue项目，对当前vue项目进行打包的命令如下

npm run build

打包完成，会输出Build complete并且在vue项目中会生成一个名字为dist的打包文件

11，使用静态服务器工具包发布打包的vue项目

cnpm install -g serve # 全局安装serve

serve dist # serve + 打包文件名

使用浏览器访问命令行返回的地址:http://localhost:5000

12，使用动态 web 服务器发布打包的vue项目

把dist拷贝到服务器运行对应目录中