使用create-vue创建项目

认识create-vue

create-vue是Vue官方新的脚手架工具,底层切换到了vite(下一代构建工具),为开发提供极速响应。

使用create-vue创建项目

1.前提环境条件

已安装16.0或更高版本的Node.js

node -v

2.创建一个Vue应用

npm init vue@latest

这一指令将会安装并执行create-vue

使用create-vue创建项目_第1张图片

 启动项目

使用create-vue创建项目_第2张图片

 使用create-vue创建项目_第3张图片

使用create-vue创建项目_第4张图片

项目目录和关键文件

使用create-vue创建项目_第5张图片

 createApp()创建一个实例

createRouter()创建一个路由

createStore()创建一个仓库

将创建实例进行了封装,保证每个实例的独立封闭性

将Vetur禁用,是vue2使用的

使用create-vue创建项目_第6张图片

安装volar,vue3使用

使用create-vue创建项目_第7张图片

你可能感兴趣的:(vue,vue.js,前端,1024程序员节)