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

  • node 自行安装

# 设置 Npm 安装依赖包地址
npm config get registry
npm config set registr https://registery.npmmirror.com 
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 框架。

Last updated