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解决。