01安装和使用
# 安装和使用
# 安装
# npm
在用 Vue 构建大型应用时推荐使用 npm 安装[1] (opens new window) 。npm 能很好地和诸如 webpack (opens new window) 或 Rollup (opens new window) 模块打包器配合使用。
# 最新稳定版
$ npm install vue@next
1
2
2
# 安装vue最新的脚手架
对于 Vue 3，你应该使用
npm上可用的 Vue CLI v4.5 作为@vue/cli。要升级，你应该需要全局重新安装最新版本的@vue/cli：
yarn global add @vue/cli
# 或
npm install -g @vue/cli
1
2
3
2
3
查看是否安装成功
vue -V
1
# 创建项目
vue create +项目名称
1
# 跑项目
npm run serve
1
2
2
# Vite
vite是一个插件
Vite官网 (opens new window) 是一个 web 开发构建工具，由于其原生 ES 模块导入方式，可以实现闪电般的冷服务器启动。
通过在终端中运行以下命令，可以使用 Vite 快速构建 Vue 项目。
# 搭建第一个 Vite 项目
兼容性注意
Vite 需要 Node.js (opens new window) 版本 >= 12.0.0。然而，有些模板需要依赖更高的 Node 版本才能正常运行，当你的包管理器发出警告时，请注意升级你的 Node 版本。
使用 NPM:
$ npm create vite@latest
1
使用 Yarn:
$ yarn create vite
1
使用 PNPM:
$ pnpm create vite
1
然后按照提示操作即可！
node_modeules：依赖文件
public：公共文件
src：核心目录
vite.config.js：vite的配置文件
1
2
3
4
2
3
4
# 其他
# vue2和vue3有什么区别？
- vue3：是可以创建多个节点
- vue2：只能创建一个节点
编辑 (opens new window)
上次更新: 2023/08/06, 00:38:41