1.环境安装

安装完node后，执行

npm install -g @vue/cli

npm install -g @vue/cli-service-global(可以使用vue serve与vue build命令)

2.创建项目

命令行式：vue create 项目名称(全英文、小写)

然后自动使用模板或者手动选择要使用的技术点(最终可以选择保存成新的模板，位置在~/.vuerc下)

图形化式：vue ui，弹出浏览器，引导进行项目创建过程

注意：当前所用的都是vue cli 3.0，如果想使用vue cli 2.X的框架，安装(npm install -g @vue/cli-init)，创建项目(vue init webpack 项目名称)

3.安装插件

创建过程中，已经在模板中自带了很多插件，但是开发过程中，难免会用到的新的插件，我们可以通过界面安装，或者使用vue add命令安装

4.发布

npm run build 在当前文件夹下生成dist目录

命令集合：

1.vue serve 在包含app.vue(main.js\index.js\App.vue中的一个)的目录下运行当前命令，启动服务 。

使用了与vue create创建项目相同的默认设置(webpack、Babel、PostCSS 和 ESLint) 。

可以显式的指定入口文件，如vue serve MyComponent.vue

附加参数：-o --open 打开浏览器，-c --copy复制本地url，-h --help输出用法信息浏

2.vue build

构建

附加参数：

-t, --target   构建目标 (app | lib | wc | wc-async, 默认值：app)

-n, --name       库的名字或 Web Components 组件的名字 (默认值：入口文件名)

-d, --dest

-h, --help             输出用法信息

3.vue create

附加参数：

-p, --preset        忽略提示符并使用已保存的或远程的预设选项

-d, --default                   忽略提示符并使用默认预设选项

-i, --inlinePreset        忽略提示符并使用内联的 JSON 字符串预设选项

-m, --packageManager   在安装依赖时使用指定的 npm 客户端

-r, --registry             在安装依赖时使用指定的 npm registry

-g, --git [message]             强制 / 跳过 git 初始化，并可选的指定初始化提交信息

-n, --no-git                    跳过 git 初始化

-f, --force                     覆写目标目录可能存在的配置

-c, --clone                     使用 git clone 获取远程预设选项

-x, --proxy                     使用指定的代理创建项目

-b, --bare                      创建项目时省略默认组件中的新手指导信息

-h, --help                      输出使用帮助信息

4. vue add