vue2和3 脚手架使用流程

安装node.js

• 官网直接下载 nodejs.org/download/do…
• 不做过多阐述

安装vue cli

npm install -g @vue/cli 可以选择vue2和vue3

• 创建工程：vue create project 这个过程有一些慢，项目名称不能包含大写字母
• 启动项目： npm run serve 启动成功，看见vue的大logo就算成功

使用vite

• npm create vue@latest 用webpack创建vue3项目 但是底层也换成vite了
• npm init vue@latest 是用vite构建工具
• 总结：npm create 就是 npm init 别名

目录结构

│  ├─public # 静态资源目录
│  │      favicon.ico
│  │
│  ├─src
│  │  │  App.vue # 入口vue文件
│  │  │  main.ts # 入口文件
│  │  │  vite-env.d.ts # vite环境变量声明文件
│  │  │
│  │  ├─assets # 资源文件目录
│  │  │      logo.png
│  │  │
│  │  └─components # 组件文件目录
│  │         HelloWorld.vue
│  │
│  │ .gitignore
│  │ index.html # Vite项目的入口文件
│  │ package.json
│  │ README.md
│  │ tsconfig.json # tsconfig配置文件
│  │ vite.config.ts # vite配置文件