vue3项目的创建(vue-create创建)

简介: vue3项目的创建(vue-create创建)

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 出现网址然后进去访问出现页面就项目运行成功了

 


相关文章
|
4天前
|
JavaScript
如何创建一个Vue项目(手把手教你)
这篇文章是一篇手把手教读者如何创建Vue项目的教程,包括使用管理员身份打开命令行窗口、找到存放项目的位置、通过vue-cli初始化项目、填写项目信息、进入项目目录、启动项目等步骤,并提供了一些常见第三方库的引入方法。
如何创建一个Vue项目(手把手教你)
|
5天前
|
前端开发 JavaScript API
基于Vue3+Hooks实现4位随机数和60秒倒计时
本文介绍了如何在Vue3中使用Hooks API来实现生成4位随机数和执行60秒倒计时的功能,并提供了详细的代码示例和运行效果展示。
23 1
基于Vue3+Hooks实现4位随机数和60秒倒计时
|
5天前
|
数据可视化 JavaScript
Vue3项目使用G6可视化组件实现一个树形机构图
在Vue 3项目中使用G6可视化组件库实现树形机构图的构建和展示。
39 1
Vue3项目使用G6可视化组件实现一个树形机构图
|
1天前
|
JSON JavaScript 前端开发
Vue3在工作中使用的一些经验总结
这篇文章是关于Vue 3项目中使用TypeScript的一些经验总结,包括如何配置TSLint进行代码规范和类型检查,以及如何将现有的JavaScript代码迁移到TypeScript的步骤和注意事项。
Vue3在工作中使用的一些经验总结
|
4天前
|
JavaScript 算法 API
Vue 3有哪些新特性
【8月更文挑战第16天】Vue 3有哪些新特性
26 1
|
5天前
|
JavaScript UED
如何在Vue3项目中使用防抖节流技巧
在Vue 3项目中使用防抖和节流技巧以优化组件性能,包括使用`lodash`库和自定义实现这两种方法。
10 0
如何在Vue3项目中使用防抖节流技巧
|
1天前
|
JavaScript 前端开发 API
Vue3入门
Vue3入门
4 0
|
4天前
|
JavaScript
创建 Vue3 项目
创建 Vue3 项目
12 0
|
5天前
|
JavaScript
在Vue3+ElementPlus项目中使用具有懒加载的el-tree树形控件
在Vue 3和Element Plus项目中实现具有懒加载功能的el-tree树形控件,以优化大数据量时的页面性能。
14 0
|
3月前
|
JavaScript API
【vue实战项目】通用管理系统:api封装、404页
【vue实战项目】通用管理系统:api封装、404页
59 3

相关实验场景

更多