Vue 3 + TypeScript + Vite创建项目并安装常用插件
# 安装或升级Node.js和npm到最新版本
# 安装Vue CLI,如果已安装请跳过此步
npm install -g @vue/cli
# 创建一个新的Vue 3项目,使用Vite作为构建工具
vue create my-vue3-project
# 进入项目目录
cd my-vue3-project
# 添加TypeScript支持
vue add typescript
# 安装常用插件
# 例如:vue-router, vuex, axios等
npm install vue-router@4 vuex@4 axios
# 安装其他常用插件
npm install element-plus@1.x pinia@2.x
# 安装可选插件,例如eslint,prettier等
npm install eslint prettier --save-dev
# 初始化或更新eslint和prettier配置文件
npx eslint --init
npx eslint --init-prettier
# 安装编辑器插件以确保代码格式一致性
# Visual Studio Code 用户可以安装 ESLint 和 Prettier 插件
这段代码提供了一个简化的流程,用于创建一个新的Vue 3项目,并添加TypeScript和Vite作为构建工具,然后安装了一些常用的插件,如vue-router、vuex、axios和UI框架element-plus和pinia。同时,还配置了eslint和prettier以确保代码质量和格式统一。
评论已关闭