Vue系列二—从零开始创建vue项目

目前有两种创建vue项目的方式，vue cli 以及 vue ui

一、Vue CLI

https://cli.vuejs.org/zh/guide/
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：

• 通过 @vue/cli 实现的交互式的项目脚手架。
• 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。
• 一个运行时依赖 (@vue/cli-service)。
• 一个丰富的官方插件集合，集成了前端生态中最好的工具。
• 一套完全图形化的创建和管理 Vue.js 项目的用户界面。

CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。

1、安装

全局安装Vue CLI

npm install -g @vue/cli

用这个命令来检查是否安装成功及版本号：

vue --version

如果需要升级全局的 Vue CLI 包

npm update -g @vue/cli

2、创建vue项目

vue create vue-zxp

可以选择自定义配置








是否保存预设到项目中，可以根据需要是否保存，暂时我们选择N，
接下来就创建好我们的第一个vue项目了，目录如下：

二、Vue ui

打开终端工具，使用vue ui命令即可启动GUI界面

选择下一步之后，与之前的vue create 方式一样，不过现在界面图形化的方式去做选择更加方便一些，一步一步选择完成之后，即可创建项目


项目创建成功后，可以查看修改项目的插件、依赖、配置等信息。