如何从0~1开始搭建一个自定义的vue2项目（也可自定义创建vue3项目）

1、部署并配置正确的前端环境

前往node.js官网https://nodejs.org/zh-cn安装下载并且安装node.js。由于是vue2项目，所以推荐使用18以上版本的版本，博主是20的版本
下载好后双击运行，无脑下一步即可安装好。

如上图，命令行查看node和npm版本，出现类似的即表示node已经安装成功。

 2、安装vue脚手架

由于国内网络环境问题，使用npm官方源安装模块可能会导致速度慢或连接失败，安装脚手架前需切换国内的镜像源
使用win+R 输入cmd打开命令窗口输入以下命令切换淘宝镜像源

npm config set registry http://registry.npm.taobao.org

npm config get registry

如上图输入命令之后出现淘宝镜像地址即表示安装镜像源成功。

接下来就可以安装脚手架：

npm install -g @vue/cli

3、利用脚手架创建并且自定义vue2项目

 创建一个项目文件夹，打开文件夹后Shift+鼠标右键，选择在此处打开PowerShell窗口。

然后在窗口内输入创建vue2项目的指令：

vue create my-code

  

 键盘上下键可以进行选项选择，回车键是确认选择，前两个是自动创建默认的vue3或者vue2项目，最后一个是创建一个自定义的vue项目。

 然后就可以根据自己得需要选择自定义自己得vue项目，注意的是鼠标上下键是移动键，空格键（space键）是选项确认键，选择完毕之后，回车键开始。

 下一步选择创建vue2项目还是vue3项目，因为要创建vue2项目，直接选择vue2，然后回车确认。

接下来会询问你是否要使用路由器的历史模式？选择否，输入n

下一步会让你选择css的使用方式，一般情况选择less。

 

接下来会让你选择一个代码检查器/格式化配置，选择标准化配置就行，否则严格模式下写代码时会很容易出现报错提示。

下一步会让你选择其他线程功能，直接选择第一个就行

接下来会询问你需要把相关配置文件放在哪里。我们直接选择第一项（放在专门的配置文件中） 

最后会询问你是否将此设置为一个预设，以便日后使用？意思就是是否保存这次的创建，以后建立项目都用这些配置。需要就输入Y，不需要就输入n。

然后脚手架就开始创建vue2项目了

 

出现如上图所示，就说明vue2项目已经创建成功了。

接下来将该项目拉入到vscode中，点击该项目的package.json文件，查看项目的启动命令，然后按住Ctrl+j，打开终端命令行，输入npm run serve。出现 http://localhost:8080/。将鼠标移到网址上，按住Ctrl+鼠标左键，即可快速运行该项目。