快速创建一个vue项目

最新推荐文章于 2024-10-18 17:49:11 发布

MElon66

最新推荐文章于 2024-10-18 17:49:11 发布

阅读量175

点赞数 3

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/qq_39205157/article/details/137166921

版权

本文介绍了如何通过Node.js官网安装并检查版本，然后使用npm在终端创建一个新的Vue.js项目，包括选择TypeScript、VueRouter、状态管理器（如Pinia）、测试工具（如Vite和ESLint/Prettier），确保项目结构和代码质量。

摘要由CSDN通过智能技术生成

1.安装node

nodejs官网地址
打开终端输入查看node版本，有显示则成功

node -v

2.创建项目

到达指定要创建项目的目录

npm init vue@latest.

? Project name: » vue-project // 项目名称
? Add TypeScript? » No / Yes // 是否是ts项目，no则为js项目
? Add JSX Support? » No / Yes // 是否支持jsx语法
? Add Vue Router for Single Page Application development? » No / Yes // 是否添加vue-router
? Add Vue Router for Single Page Application development? » No / Yes // 是否添加vue-router
? Add Pinia for state management? » No / Yes // 是否增加pinia状态管理器(vuex轻量化插件)
? Add Vitest for Unit Testing? » No / Yes // 是否增加单元测试
? Add an End-to-End Testing Solution? // 是否添加端到端测试，可选no/ Cypress/ Nightwatch/Playwright
? Add ESLint for code quality? » No / Yes // 是否添加eslint保障代码质量
? Add Prettier for code formatting? » No / Yes // 是否添加prettier代码格式化工具