认识create-vue
create-vue是Vue官方新的脚手架工具,底层切换到了vite(下一代构建工具),为开发提供极速响应。
使用create-vue创建项目
1.前提环境条件
已安装16.0或更高版本的Node.js
node -v
2.创建一个Vue应用
npm init vue@latest
这一指令将会安装并执行create-vue
![](https://file.jishuzhan.net/article/1717047651024769026/24b6f80f7b046e642611611eed11e0f3.webp)
启动项目
![](https://file.jishuzhan.net/article/1717047651024769026/27c3251f86f1e1ccc73199d54e68230f.webp)
![](https://file.jishuzhan.net/article/1717047651024769026/d0a7bd69a5f61293bcd341e988879ad2.webp)
![](https://file.jishuzhan.net/article/1717047651024769026/99c9d47548f16e0075791c08c7891335.webp)
项目目录和关键文件
![](https://file.jishuzhan.net/article/1717047651024769026/4c057fbe9434aa1fa10f56ac08522fc6.webp)
createApp()创建一个实例
createRouter()创建一个路由
createStore()创建一个仓库
将创建实例进行了封装,保证每个实例的独立封闭性
将Vetur禁用,是vue2使用的
![](https://file.jishuzhan.net/article/1717047651024769026/0ad9ad43db3513a41fb331958d7fbc05.webp)
安装volar,vue3使用
![](https://file.jishuzhan.net/article/1717047651024769026/e9be67b39581d04641eaf0502dd41166.webp)