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

相关推荐
Mortal_hhh2 小时前
VScode的C/C++点击转到定义,不是跳转定义而是跳转声明怎么办?(内附详细做法)
ide·vscode·stm32·编辑器
会发光的猪。12 小时前
如何在vscode中安装git详细新手教程
前端·ide·git·vscode
lucky九年12 小时前
vscode翻译插件
ide·vscode·编辑器
真·Wild·攻城狮13 小时前
【码农日常】Vscode Clangd初始化失败(Win10)
ide·vscode·编辑器
小堇不是码农13 小时前
在VScode中配置C_C++环境
c语言·c++·vscode
七灵微13 小时前
【测试】【Debug】vscode中同一个测试用例出现重复
ide·vscode·编辑器
哇咔咔哇咔1 天前
使用Markdown编写适用于GitHub的README.md文件的目录结构
vscode·markdown
羊小猪~~1 天前
神经网络基础--什么是神经网络?? 常用激活函数是什么???
人工智能·vscode·深度学习·神经网络·机器学习
Eiceblue1 天前
Python 在PDF中绘制形状(线条、矩形、椭圆形等)
vscode·python·pycharm·pdf