Skip to content

前提条件

  • node环境
  • windows系统

方案一、使用Vue-cli新建Vue2项目

1.使用npm全局安装Vue-cli工具

sh
npm install -g @vue/cli
npm install -g @vue/cli
  • 检测是否安装成功
sh
vue -V
vue -version
vue -V
vue -version
  • 卸载Vue-cli

2.创建项目

在需要创建项目的目录终端中输入如下:

sh
vue create project-name
vue create project-name

project-name为你的项目名称

通过按下方方向键选择vue2版本,按回车

vue-cli + yarn

如果新建Vue2项目之前全局安装了yarn,则创建项目和启动项目都会自动换成yarn相关的操作。

3.启动项目

注意

使用Vue-cli工具创建Vue2项目时会自动安装ESlint,ESlint的配置与错误处理详见下一章。

使用XBuilder创建的Vue2项目配置较为简洁,没有自动引入ESlint。

方案二、使用XBuilder创建Vue2项目

方案三、使用yarn创建Vue2项目