vue2.0/vue3.0项目的创建和运行

1.创建

vue2.0

• node.js环境（npm包管理器）:安装node.js，因为npm包管理器集成在node中。
• cnpm  npm的淘宝镜像：在命令行中输入 npm install -g cnpm --registry=http://registry.npm.taobao.org ，然后可以使用cnpm代替npm.
• vue-cli 脚手架构建工具:cnpm install -g vue-cli
• 使用cli构建项目：命令行中运行命令，先切换到项目目录（用来保存）， vue init webpack+npm init webpack my-project，之后根据提示选择Y或者N。此时项目框架有了，但是需要安装依赖：切换到项目目录，cnmp install,此时，文件夹多了一个node_modules,这里面是项目需要的依赖包。

vue3.0

• 如果之前安装了vue-cli2.0，那么需要先卸载 npm uninstall -g vue-cli。
• 想继续使用Vue2.0，安装一个桥接工具，可以继续使用Vue2.0 npm install -g @vue/cli-init
• 创建项目 npm init webpack +项目名
• npm install -g vue@cli或者npm install -g @vue/cli
• 创建项目 vue create my-project 

1. 在这里的选项：默认配置和自定义配置，自定义配置进入后可以选择要安装的插件，空格选择，a全选。选好之后回车，会有详细的选项，根据需要选择即可。选好后回车开始创建项目。

参考https://juejin.im/post/5ad862c95188252eb3237752

2.运行

Vue2.0

       首先命令行进入项目目录，输入命令：npm run dev（若是文件夹里没有node_modules需要cnpm install）,会给出一个http://localhost:8080;打开就可以看到网页了。【注意：不能关闭命令行窗口】。如果很慢可以使用淘宝的cnpm镜像。

Vue3.0

• 创建成功后cd 项目，  npm run serve
• Vue-cli3.0支持图形化界面 执行vue ui，在图形界面操作
• Vue3.0支持快速原型开发，可以直接运行单个vue文件 npm install -g @vue/cli-service-global，vue serve vue文件，vue build vue文件（打包）