> For the complete documentation index, see [llms.txt](https://close.gitbook.io/yun-wei-bi-ji/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://close.gitbook.io/yun-wei-bi-ji/centos/vue/xiang-mu/1-01.-chuang-jian-vite-xiang-mu-bing-an-zhuang-vscode-cha-jian.md).

# 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 框架。