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

相关推荐
是梦终空12 小时前
JAVA毕业设计259—基于Java+Springboot+vue3工单管理系统的设计与实现(源代码+数据库+开题报告)
java·spring boot·vue·毕业设计·课程设计·工单管理系统·源代码
源去_云走14 小时前
自建 Iconfy API 服务:解决国内访问不稳定问题
前端·容器·npm·node.js
@AfeiyuO15 小时前
封装表格操作列按钮
vue
千寻技术帮17 小时前
10382_基于Springboot的高校排课管理系统
mysql·vue·毕设·spingboot·高校排课
IT教程资源C18 小时前
(N_115)基于springboot,vue教务管理系统
mysql·vue·前后端分离·springboot教务系统
沧澜sincerely18 小时前
WebSocket 实时聊天功能
网络·websocket·vue·springboot
苏打水com19 小时前
第二十篇:Day58-60 前端性能优化进阶——从“能用”到“好用”(对标职场“体验优化”需求)
前端·css·vue·html·js
Jeking21719 小时前
进阶流程图绘制工具 Unione Flow Editor-- 直击行业痛点:高扩展性解决方案解析
vue·流程图·workflow·unione flow·flow editor·unione cloud
旧梦星轨19 小时前
掌握 Vite 环境配置:从 .env 文件到运行模式的完整实践
前端·前端框架·node.js·vue·react
sg_knight20 小时前
模块热替换 (HMR):前端开发的“魔法”与提速秘籍
前端·javascript·vue·浏览器·web·模块化·hmr