vue3下载——在vscode中配置vue环境

确认你还什么都没有做，此教程为从零开始，中途加入无法保证完全正确

安装Node.js

确保你已经安装了 Node.js。如果还没有，可以从 Node.js 官网下载并安装Node.js — 在任何地方运行 JavaScript

检查Node.js和npm

在命令提示符（使用win+r打开cmd）中输入以下命令检查 Node.js 是否安装成功

node -v
npm -v

 

(注意中英文输入以及空格)

安装Vue CLI

继续在命令提示符中输入代码

npm install -g @vue/cli

可能会出现的网络问题 ：

报错信息中包含类似 ETIMEDOUT 或 ECONNRESET

设置国内npm的网络镜像

npm config set registry https://registry.npmmirror.com/

然后在重新尝试运行命令npm config set registry https://registry.npmmirror.com/

检查CLI的安装

继续在命令提示符中输入代码

vue --version

 

创建一个新的vue项目

继续在命令提示符中输入代码

vue create sakiko

 （这里的sakiko是你vue项目的名字可以自行更改）

选择vue3并回车  

进入项目目录

继续在命令提示符中输入代码

cd sakiko

（这里的sakiko依旧是你命名的vue项目名记得自行更改） 

npm run serve

等待加载

在vscode里打开以及编写

打开vscode

找到你刚才生成vue项目并打开

ctrl+~打开终端输入代码

npm run serve

ctrl+点击链接打开你的vue

 笔者的话

这个学期上web前端技术时老师引入了vue，但我们班很多同学都不会下载vue3以及如何把vue放进vscode里编写，以上是个人下载经化简以及验证的过程，希望能帮到大家