ENV | VUE3 的安装使用并跑通第一个项目(高效实操版)

1. 详细步骤

1.1 安装 node 和 npm

bash 复制代码
# 执行以下命令同时安装 node 和 npm(brew 的安装参考其他文章,有详细的教程。通过 apt 等其他方式能正确安装也可以)
brew install node

1.2 验证 node 和 npm 是否安装成功(可跳过)

bash 复制代码
node --version
npm --version

1.3 配置镜像源(灵活)

bash 复制代码
# 配置镜像源
# npmmirror,能用,稳定性、安全性等未知
npm config set registry https://registry.npmmirror.com/


# 配置镜像源(taobao)(应急可以临时用下)(可跳过)
# 淘宝 npm 源
npm config set registry https://registry.npm.taobao.org
# 关闭 ssl 验证
npm config set strict-ssl false


# 改回官方镜像源(设置其他镜像源同理)(可跳过)
npm config set registry https://registry.npmjs.org/


注:比较经典的淘宝镜像源 https://registry.npm.taobao.org,https 证书过期了,使用可能有风险

1.4 安装 vue-cli

bash 复制代码
npm install -g @vue/cli

1.5 验证 vue-cli 是否安装成功(可跳过)

bash 复制代码
vue --version

1.6 创建项目

bash 复制代码
vue create my-vue3-project

1.7 启动项目

bash 复制代码
cd my-vue3-project && npm run serve

1.8 访问页面

访问 http://localhost:8080,可以看到 VUE 的欢迎页面

2. 资源

2.1 VUE3

Docs

https://vuejs.org/guide/quick-start.html

https://cn.vuejs.org/guide/quick-start

GitHub

https://github.com/vuejs/core

2.2 VUE2

GitHub

https://github.com/vuejs/vue

相关推荐
龙仔CLL1 小时前
vue3下载图片,pdf,excle,word通用函数
pdf·vue·word
知识分享小能手15 小时前
微信小程序入门学习教程,从入门到精通,自定义组件与第三方 UI 组件库(以 Vant Weapp 为例) (16)
前端·学习·ui·微信小程序·小程序·vue·编程
gc_229918 小时前
Ape.Volo项目启动前端项目时报错“digital envelope routines::unsupported”
npm
SHUIPING_YANG2 天前
完美迁移:将 nvm 和 npm 完全安装到 Windows D 盘
前端·windows·npm
问道飞鱼2 天前
【前端知识】npm依赖升级以及冲突解决
前端·arcgis·npm·升级·冲突解决
瓯雅爱分享2 天前
Java+Vue构建的采购招投标一体化管理系统,集成招标计划、投标审核、在线竞价、中标公示及合同跟踪功能,附完整源码,助力企业实现采购全流程自动化与规范化
java·mysql·vue·软件工程·源代码管理
苏打水com2 天前
前端框架深度解析:Vue 从入门到实战,掌握渐进式开发核心
vue
美酒没故事°3 天前
npm源管理器:nrm
前端·npm·npm源
三十_A3 天前
【实录】使用 patch-package 修复第三方 npm 包中的 Bug
前端·npm·bug
孟陬3 天前
一个专业的前端如何在国内安装 `bun`
npm·github·bun