vscode搭建vue3.0开发环境

最新推荐文章于 2025-04-22 20:51:34 发布

ey..

最新推荐文章于 2025-04-22 20:51:34 发布

阅读量4.4k

点赞数 2

文章标签： vscode vue.js npm

本文链接：https://blog.youkuaiyun.com/weixin_47863547/article/details/121534685

版权

本文档详细介绍了如何在VSCode中搭建Vue3.0的开发环境，包括Node.js的安装，使用vue-cli创建项目，启动项目以及解析项目结构，帮助开发者快速入门Vue3.0开发。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一.node 安装

1.检测node 的安装

node -v

2.检测npm

npm -v

3.淘宝镜像

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

4.检测cnpm

cnpm -v

二.安装vue-cli环境支出

cnpm install -g @vue/cli  安装最新的版本

安装完之后检测

vue -V

只要不报错不是内部命令即可

三.vue 3.0创建项目

vue create 项目

四.启动项目

cnpm run serve

五.项目结构

在这里插入图片描述
文件介绍：

node_modules 依赖文件
public 静态资源目录文件
src 开发目录
assets 资源目录
components 组件目录
app,vue 主模板
main,js 项目运行的入口文件
package.json 项目配置文件
readme.md 命令文件