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

相关推荐
热爱生活的五柒10 小时前
解决 npm install 一直在转圈的问题
前端·npm·node.js
刘一说11 小时前
告别“版本漂移”:彻底解决 macOS 上 NVM 默认 Node 版本失效的难题
macos·node·nvm
小杨勇敢飞14 小时前
npm 安装 @openai/codex 后无法调用 codex 命令的完整解决过程:‘codex‘ 不是内部或外部命令,也不是可运行的程序或批处理文件。
前端·npm·node.js
ricky_fan17 小时前
(已解决)安装openclaw龙虾[特殊字符]npm权限问题EACCES
前端·npm·node.js
Once_day19 小时前
node.js(1)ubuntu安装node和npm
ubuntu·npm·node.js
程序员讲BPM工作流19 小时前
npm非全局方式安装小龙虾OpenClaw
前端·npm·node.js
spencer_tseng20 小时前
vue npm-cache log
vue.js·npm
大傻^20 小时前
【OpenClaw -01】OpenClaw 安装部署指南:npm、Docker 与源码三种模式详解
前端·docker·npm
南宫码农20 小时前
Node.js和npm本地安装详细教程(全系统适配)
前端·npm·node.js