创建vue3+vite+ts项目

273 阅读1分钟

创建一个 Vue 3.0 项目,使用 TypeScript 和 Sass,并使用 Vite 作为构建工具,您可以按照以下步骤进行操作:

安装 Node.js: 如果您还没有安装 Node.js,请先安装它。您可以从 Node.js 官网 下载并安装最新版本。

使用 Vite 创建项目: Vite 是一个现代化的构建工具,可以快速地构建 Vue、React、或者其他前端项目。您可以使用以下命令全局安装 Vite:

npm install -g create-vite 然后,使用以下命令创建一个新的 Vue 3 项目:

create-vite my-vue-project 这将在当前目录下创建一个名为 my-vue-project 的新项目,并使用 Vite 作为构建工具。

进入项目目录: 进入新创建的项目目录:

cd my-vue-project 安装 Vue Router: 如果您需要使用路由,可以安装 Vue Router: npm install vue-router@4

安装 Vuex: 如果您需要状态管理,可以安装 Vuex:

npm install vuex@4 安装 TypeScript: Vue 3 默认支持 TypeScript,因此只需安装相关的 TypeScript 类型:

npm install --save-dev @types/node @types/vue 安装 Sass: 安装 Sass 以支持在 Vue 组件中使用 Sass 样式:

npm install sass 运行项目: 完成以上步骤后,您可以运行项目:

npm run dev 这将启动 Vite 开发服务器,您可以在浏览器中预览您的 Vue 项目。 ————————————————

                        版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
                    

原文链接:blog.csdn.net/wsl34652050…