vue3 - 创建一个vue3工程

原创

已于 2024-04-20 11:26:18 修改 · 733 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript #vue

于 2024-04-20 11:24:30 首次发布

官方文档：快速上手 | Vue.js

vue 是什么

一套用于构建用户界面的渐进式JavaScript 框架

（把获取到的数据变成用户看到的界面）

Vue 特点

1. 采用组件化模式，提高代码复用率，且让代码更好维护

2. 声明式编码，让开发人员无需直接操作DOM，提高开发效率

3. 使用虚拟DOM+优秀的DIff算法，尽量复用DOM节点

安装环境（npm）

检查系统npm ,node 版本，版本过低可能无法创建工程
nodejs 下载: https://nodejs.org
下载对应系统安装包，直接安装/覆盖安装即可

192:~$ node -v
v21.7.3

192:~ $ npm -v
10.5.0

创建Vue工程

npm create vue@latest
npm init vue@latest

192:$ npm init vue@latest

Vue.js - The Progressive JavaScript Framework

✔ 请输入项目名称： … vue3_hello
✔ 是否使用 TypeScript 语法？ … 否 / 是
✔ 是否启用 JSX 支持？ … 否 / 是
✔ 是否引入 Vue Router 进行单页面应用开发？ … 否 / 是
✔ 是否引入 Pinia 用于状态管