一个最简单的Vue应用

77 阅读1分钟

Vue.js官网

pnpm create vue@latest
cd first_vue_app
pnpm install
pnpm dev
http://localhost:5173

pnpm create vue@latest:这一指令将会安装并执行create-vue,它是Vue官方的项目脚手架工具。你将会看到一些诸如TypeScript和测试支持之类的可选功能提示。 截屏2024-07-25 16.25.32.png
如果不确定是否要开启某个功能,可以直接按下回车键选择“否”。
这一步结束后,会在当前目录新建一个first_vue_app文件夹也就是项目根目录,里面已经有了一些自动生成的文件,其中一个叫package.json截屏2024-07-25 16.31.32.png
接着执行:

  1. cd first_vue_app
  2. pnpm install
  3. pnpm dev

pnpm dev: 连接的是package.json中的scripts下的“dev”:“vite”

截屏2024-07-25 16.34.12.png

  • http://localhost:5173: 截屏2024-07-25 16.36.20.png
  • curl -i http://localhost:5173:
    截屏2024-07-25 16.37.51.png