Vue3安装

安装Vue

1.安装环境node.js https://nodejs.org/en/download
安装好node.js后 自带有npm
npm镜像在国外，访问速度受限，
1.1 可全局设置为淘宝镜像，以加快速度
npm config set registry https://registry.npm.taobao.org
1.2 可安装cnpm，cnpm是中国国内npm，以下命令全局安装
npm install cnpm -g
查看node.js版本
node -v
查看npm版本
npm -v
查看cnpm版本
cnpm -v

安装Vite

npm create vite@latest  / cnpm create vite@latest
cd 项目路径

官网安装vue

npm create vue@latest

https://cn.vuejs.org/guide/quick-start.html#creating-a-vue-application

启动项目

npm run dev

目录结构

node_modules 项目依赖文件

public 静态资源文件

src 源代码文件

  components 组件文件夹

  App.vue 根组件,所有组件的最顶级的组件

  main.js 项目入口文件

  style.css 项目全局样式文件

index.html 单页面

vite.config.js vite配置文件