vue2的脚手架是vue-cli,vue3的脚手架是creat-vue
前提条件:node.js为16.0以上(查看node 版本 node -V)
1.创建一个vue3项目(有3种方式,vue-cli实现,vite实现,vue-create创建)
我的创建方式是vue-create创建;npm init vue@latest(第一次会安装并且执行creat-vue)
后面就可以使用( npm init vue@3)
如果版本低会报错,如何提升node版本(使用nvm去管理node版本:http://t.csdn.cn/D9IpM)
现在就不会报错了
然后开始项目的设置
√ 项目名称:
√添加TypeScript(TypeScript 是一种开源的编程语言,它是 JavaScript 的超集。它通过为 JavaScript 添加静态类型和其他编程特性,提供了更强大的类型检查和语言工具支持,以增强 JavaScript 开发的可靠性、可维护性和可扩展性。)
√添加JSX支持(JSX 是一种允许您在 Vue 组件中编写类似 HTML 的语法的扩展。)
√为单页应用程序开发添加Vue路由器(Vue Router 是 Vue.js 官方的路由管理器,用于构建单页应用程序)
√添加Pinia(Pinia 是一个用于 Vue.js 的状态管理库相当相于vue2的vuex)
√为单元测试添加vitest(Vitest 是一个用于 Vue.js 的单元测试库,用于对 Vue 组件的单元功能进行测试)
√添加端到端测试解决方案(该解决方案通常涉及创建自动化测试脚本,模拟用户与应用程序进行交互的行为。)
√为代码质量添加ESLint(ESLint 是一个用于检测和纠正代码错误、风格和质量的工具。)
√为代码格式添加Prettier(Prettier 是一个代码格式化工具,可自动格式化您的代码以保持一致的风格。)
项目创建完成
2.创建完成之后运行项目
首先进入项目里面然后npm intsall 下载项目依赖
然后npm run dev 出现网址然后进去访问出现页面就项目运行成功了