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

相关推荐
跟着珅聪学java6 小时前
spring boot +Elment UI 上传文件教程
java·spring boot·后端·ui·elementui·vue
杉之11 小时前
常见前端GET请求以及对应的Spring后端接收接口写法
java·前端·后端·spring·vue
剑亦未配妥18 小时前
Vue2函数式组件实战:手写可调用的动态组件,适用于toast轻提示、tip提示、dialog弹窗等
前端·vue.js·vue
wuaro2 天前
RBAC权限控制具体实现
前端·javascript·vue
BillKu2 天前
node.js、npm相关知识
前端·npm·node.js
sma2mmm3 天前
微前端实现方案对比Qiankun VS npm组件
前端·前端框架·npm
月起星九3 天前
为什么package.json里的npm和npm -v版本不一致?
前端·npm·node.js
前端互助会3 天前
AILabel标注工具指南(二):禁止图片外标注
vue·ailabel
阿陈陈陈3 天前
【Node.js入门笔记12---npm包】
笔记·npm·node.js
会功夫的李白4 天前
从零创建npm依赖,只需执行一条命令
npm·依赖