VSCODE创建vue项目

1、安装node.js。

安装链接：Node.js 简介

win+r打开cmd，查看安装版本：

2、修改镜像源，保证下载的资源速度。

cmd中分别输入如下：

（1）npm config set registry http://registry.npm.taobao.org

（2）npm get registry

3、安装全局脚手架vue-cli。

cmd中分别输入如下：

（1 安装脚手架）npm install -g @vue/cli

（2 查看脚手架版本）vue -V

4、vue-cli项目创建。

在vscode中新建一个文件夹，并打开终端

红色箭头的地方为所要创建的文件名“hello”，可自定义为自己所需的文件名。

回车后，终端会出现这个字样，默认选择Vue3，回车即可。

>Default ([Vue 3] babel, eslint)

  Default ([Vue 2] babel, eslint)

  Manually select features

回车后，输入：cd hello（hello为文件名，如果替换了就写你刚刚创建的文件名字）。

再输入：npm run serve 启动运行。

成功启动后，终端会有如下显示。

点击http：//localhost：8080/会有如下显示，则为vue项目创建成功。

5、注意事项

（1）每次打开vscode都需要去终端执行npm run serve命令。

（2）若此安装过程中vscode终端有报错，可以将报错信息提交给ChatGPT解决。