当前位置: 首页 > news >正文

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

1. 详细步骤

1.1 安装 node 和 npm

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

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

node --version
npm --version

1.3 配置镜像源(灵活)

# 配置镜像源
# 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

npm install -g @vue/cli

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

vue --version

1.6 创建项目

vue create my-vue3-project

1.7 启动项目

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

相关文章:

  • CSDN 账号已经恢复,后续可能会把专栏内容整理成纸质书出版
  • wordpress Contact form 7发件人邮箱设置
  • navate 清理注册列表
  • VS Code、Git与自动化脚本的效能之旅
  • 与大勇谈修复bug的感想
  • 技术速递|Python in Visual Studio Code 2024年9月发布
  • Tomcat系列漏洞复现
  • EasyCVR智慧公园视频智能管理方案:赋能公园安全管理新高度
  • d3.js 基础学习
  • XML 编码
  • 迈威通信闪耀工博会,以创新科技赋能工业自动化
  • 小红书2024秋招后端开发(Java工程师、C++工程师等)
  • Webpack 特性探讨:CDN、分包、Tree Shaking 与热更新
  • idea2024设置中文
  • websokets交叉编译
  • 9月CHINA-PUB-OPENDAY技术沙龙——IPHONE
  • [nginx文档翻译系列] 控制nginx
  • HTML5新特性总结
  • Logstash 参考指南(目录)
  • Spring Cloud(3) - 服务治理: Spring Cloud Eureka
  • spring-boot List转Page
  • Traffic-Sign Detection and Classification in the Wild 论文笔记
  • Vue--数据传输
  • 大型网站性能监测、分析与优化常见问题QA
  • 电商搜索引擎的架构设计和性能优化
  • 面试总结JavaScript篇
  • 前端性能优化--懒加载和预加载
  • 设计模式走一遍---观察者模式
  • 使用parted解决大于2T的磁盘分区
  • 想晋级高级工程师只知道表面是不够的!Git内部原理介绍
  • ​ 无限可能性的探索:Amazon Lightsail轻量应用服务器引领数字化时代创新发展
  • #HarmonyOS:软件安装window和mac预览Hello World
  • #我与Java虚拟机的故事#连载01:人在JVM,身不由己
  • $nextTick的使用场景介绍
  • (4)通过调用hadoop的java api实现本地文件上传到hadoop文件系统上
  • (编程语言界的丐帮 C#).NET MD5 HASH 哈希 加密 与JAVA 互通
  • (翻译)terry crowley: 写给程序员
  • (含答案)C++笔试题你可以答对多少?
  • (一)Dubbo快速入门、介绍、使用
  • (一)Kafka 安全之使用 SASL 进行身份验证 —— JAAS 配置、SASL 配置
  • (转)关于多人操作数据的处理策略
  • (转载)在C#用WM_COPYDATA消息来实现两个进程之间传递数据
  • ****三次握手和四次挥手
  • .mysql secret在哪_MYSQL基本操作(上)
  • .NET CORE Aws S3 使用
  • .NET Framework 3.5中序列化成JSON数据及JSON数据的反序列化,以及jQuery的调用JSON
  • .NET MVC 验证码
  • .Net 基于.Net8开发的一个Asp.Net Core Webapi小型易用框架
  • .NET8使用VS2022打包Docker镜像
  • .net实现头像缩放截取功能 -----转载自accp教程网
  • .NET未来路在何方?
  • .net中我喜欢的两种验证码
  • //TODO 注释的作用
  • @Transactional 详解
  • [【JSON2WEB】 13 基于REST2SQL 和 Amis 的 SQL 查询分析器