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

相关推荐
rainFFrain11 小时前
单例模式与线程安全
linux·运维·服务器·vscode·单例模式
suanday_sunny16 小时前
VSCode运行,各类操作缓慢,如何清理
ide·vscode·编辑器
信计小白16 小时前
vscode报Module containing this breakpoint has not yet loaded
ide·vscode·编辑器
MonkeyKing_sunyuhua1 天前
Visual Studio Code 进行汉化
ide·vscode·编辑器
沫夕残雪1 天前
HTTP,请求响应报头,以及抓包工具的讨论
网络·vscode·网络协议·http
还是鼠鼠1 天前
Node.js全局生效的中间件
javascript·vscode·中间件·node.js·json·express
苏克贝塔1 天前
CMake学习--Window下VSCode 中 CMake C++ 代码调试操作方法
c++·vscode·学习
只是橘色仍温柔2 天前
xshell可以ssh连接,但vscode不行
运维·vscode·ssh
Tee xm2 天前
清晰易懂的VSCode加Cline插件使用不同API提供商实现AI编程
vscode·ai编程·安装
William.csj2 天前
Linux——开发板显示器显示不出来,vscode远程登录不进去,内存满了的解决办法
linux·vscode