从0开始在Vscode中搭建Vue2/3项目详细步骤

1.安装node.js:Node.js下载安装及环境配置教程【超详细】_nodejs下载_WHF__的博客-CSDN博客

node.js自带npm,无需单独安装。

验证: node -v npm -v

2.先简单创建一个空文件夹,vscode进入该文件夹,并打开终端。

3.安装cnpm,目的加快vue-cli安装速度:

npm install -g cnpm --registry=https://registry.npm.taobao.org

验证:cnpm -v

4.安装vue-cli脚手架: cnpm install -g @vue/cli

验证:vue -v

5.创建使用vue-cli创建vue项目:vue create 项目名(小写英文)

5.1选择创建vue2/3项目

5.2三选一:选择使用yarn、pnpm、npm来管理包

6.安装项目依赖:yarn install(我选yarn,选其他的可以阅读README.md上面的命令)

7.启动项目:yarn serve

8.访问:http://localhost:8080/

9.成功显示

相关推荐
timing9942 小时前
LVGL在VScode的WSL2中仿真
ide·vscode·编辑器
Zhuai-行淮3 小时前
vscode和git 踩坑
ide·git·vscode
Zww08918 小时前
出现delete CR eslint错误
vscode
沉迷...8 小时前
详解.vscode 下的json .vscode文件夹下各个文件的作用
ide·vscode·json
小妖6669 小时前
vscode vue文件单行注释失效解决办法
ide·vscode·编辑器
Geek__199210 小时前
VSCode远程图形化GDB
ide·vscode·编辑器
xx155802862xx13 小时前
vscode 打开csv乱码
ide·vscode·编辑器
明·煜13 小时前
解决VSCode每次SSH连接服务器时,都需要下载vscode-server
ide·vscode·ssh
Magnum Lehar20 小时前
ApophisZerg游戏引擎项目目录展示
人工智能·vscode·编辑器·游戏引擎
敖行客 Allthinker1 天前
VS Code 智能代理模式:重塑开发体验
vscode·代理模式