创建并运行第一个Vue3项目

101 阅读1分钟

前置条件:拥有 npm 和 node 环境,可以参考这篇文章:juejin.cn/post/723744…

初始化项目

  1. 在某个目录下打开终端 image.png
  2. 运行 npm init vue@latest ,如果是第一次运行,会请求安装依赖
  3. 跟随向导输入项目名称,选择是否使用各种工具(特性) image.png
  4. 初始化完成,会提示你接下来应该做什么 image.png

运行项目

推荐使用Vscode进行开发,下面是一些值得安装的扩展

image.png

  1. cd 到项目目录下 image.png
  2. 运行 npm install 安装依赖,安装完成后使用 npm run dev 运行项目 image.png image.png
  3. 打开链接引入欢迎页,页面中这些链接都是很不错的文档和教程 image.png