# 1 01.创建 Vite项目并安装 Vscode 插件

* node 自行安装

```powershell
# 设置 Npm 安装依赖包地址
npm config get registry
npm config set registr https://registery.npmmirror.com 
```

*   创建 Vite 项目

    > [开始 | Vite 官方中文文档](https://cn.vitejs.dev/guide/)

```bash
npm create vite@latest <项目名称> -- --template vue

`
  cd my-vue-app
  npm install     // 安装依赖
  npm run dev     // 运行开发服务
`
```

* Vscode 插件
  * chinese 简体中文
  * volar(Vue Language Features) 集成了`vetur`的相关功能, `高亮`、`语法提示`等等
  * vue 3 snippets 快速的生成 Vue 代码片段
  * Element Plus Snippets 组件库
  * Auto Close Tag 结束标记中键入结束括号时，它将添加结束标记
  * windicss 下一代工具优先的 CSS 框架。
