基于3.x和2.x版本的vue-cli脚手架搭建vue项目大全

首先我们电脑先安装vue脚手架
最好安装3.x的版本，3.x版本同时也可以创建2.x的项目；

npm install -g @vue/cli

基于3.x版本的脚手架创建vue项目

1、基于 交互式命令 的方式，创建新版本vue项目

vue create my-project

出现这个是问你使用默认模版还是手动创建；（我一般会选第二个手动创建）

你可以自定义安装需要的功能，这里我安装了babel、router、linter（上下键移动位置，使用空格键来选中）然后回车下一步；

问你是否安装历史模式的路由（n 是hash）

问你使用那个版本的ESLint 我们一般使用标准类型的

什么时候进行ESLint校验，一般选择默认的保存时候进行

问你咱们创建的这些工具的配置文件是单独包创建 还是大包到package.json文件中（我们选择单独配置文件）这样好维护

问你是否把刚刚设置保存成模版，以便下次使用

这样就创建成功了，先cd到对应的文件然后进行启动项目
(这种创建方式比较麻烦，了解就行，如果创建3.x版本模版的项目咱们可以使用下面可视化的方法)

2、基于图形化界面 的方式，创建新版vue项目

vue ui

这里我们要保证vue保本在3.x以上才能使用：vue ui 开启图示

运行会会看到这个页面，这里我们点击创建，进入创建面板

创建项目选择路径

这个页面只需要填写个项目名称和git初始化信息

这里让我们选择如何配置模版，第一个是我们之前保存的模版，第二个是默认，如果是首次我们选择手动配置

这里我们要选择项目中会使用到的工具，Bable一定要选上，Router、Linter/Formatter（校验代码使用）、使用配置文件（配置文件单独打包管理）直接打开，其他的可以根据项目需求配置；


可以把你刚刚配置的模版备份 以便于下次使用

稍等一会，进入到这个页面 咱们的项目就创建成功了

这个页面可以操作项目的配置和启动、打包等

洁面非常简洁好用，希望你能爱上它

3、基于2.x的旧模版，创建 旧版vue项目

npm install -g @vue/cli-init
vue init webpack my-project

创建2.X的项目需要安装先依赖包 npm install -g @vue/cli-init
然后使用vue init webpack vue_proj_03来创建项目

下面也是根据问答形式来设置相关配置
首先起个名字

项目的描述

作者随便写一个
然后询问我们使用那个版本的vue，第一个是完整版的 体积比较大不推荐，第二个是阉割版的足够我们使用；所以我们选择第二个

然后安装router、ESLint选择第一项标准模式

不安装单元测试unit、e2e，最后选择哪种方式安装项目依赖包，咱们选择npm就可以了

这样就完成了
咱们还是cd到对应项目文件下
然后启动项目就可以了

以上就是三种通过vue脚手架方式搭建vue项目；

工作之余 用博客记录自己 希望有能帮助到各位看官
如有错误或不全面的地方望各位能提点一二和留下宝贵意见