从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.成功显示

相关推荐
hero_heart4 小时前
vscode中c_cpp_properities.cpp文件生成和作用
ide·vscode·编辑器
DO ITNOW10 小时前
Cursor/VScode ,点击运行按钮,就打开新的终端,如何设置为在当前终端运行文件而不是重新打开终端----一招搞定篇
ide·vscode·编辑器
小妖66610 小时前
若 VSCode 添加到文件夹内右键菜单中显示
ide·vscode·编辑器
就爱瞎逛10 小时前
TailWind CSS Intellisense 插件在VSCode 上不生效
前端·css·vscode·tailwind
freshman_y10 小时前
VSCode遇到的一些小毛病(自动保存、运行后光标不再处于编辑区)
ide·vscode·编辑器
youngqqcn14 小时前
VSCode-Copilot的系统提示词
ide·vscode·copilot
GBXLUO14 小时前
windows的vscode无法通过ssh连接ubuntu的解决办法
vscode·ubuntu
ncj39343790618 小时前
vscode中对node项目进行断点调试
vscode·node.js
lyj1689971 天前
vue-i18n+vscode+vue 多语言使用
前端·vue.js·vscode
这是个栗子1 天前
【问题解决】VSCode终端中看不到Git-Bash
ide·git·vscode