快速上手


一:创建一个Vue应用

前提条件

  • 熟悉命令行
  • 已安装 ^20.19.0 || >=22.12.0 版本的 Node.js

确保你安装了最新版本的 Node.js,并且你的当前工作目录正是打算创建项目的目录。在命令行中运行以下命令 (不要带上 $ 符号):

1
npm create vue@latest

这一指令将会安装并执行 create-vue,它是 Vue 官方的项目脚手架工具。你将会看到一些诸如 TypeScript 和测试支持之类的可选功能提示:

vue命名

如果不确定是否要开启某个功能,你可以直接按下回车键选择 No。在项目被创建后,通过以下步骤安装依赖并启动开发服务器:

1
2
3
$ cd <your-project-name>
$ npm install
$ npm run dev

你现在应该已经运行起来了你的第一个 Vue 项目!请注意,生成的项目中的示例组件使用的是组合式 API 和 <script setup>,而非选项式 API。下面是一些补充提示:

  • 推荐的 IDE 配置是 Visual Studio Code + Vue - Official 扩展。如果使用其他编辑器,参考 IDE 支持章节。
  • 更多工具细节,包括与后端框架的整合,我们会在工具链指南进行讨论。
  • 要了解构建工具 Vite 更多背后的细节,请查看 Vite 文档。
  • 如果你选择使用 TypeScript,请阅读 TypeScript 使用指南。

当你准备将应用发布到生产环境时,请运行:

1
$ npm run build

文章作者: Mao
版权声明: 本博客所有文章除特別声明外,均采用 CC BY 4.0 许可协议。转载请注明来源 Mao !
评论
  目录