如何简单快速的创建vue项目

简介: 作为前端开发职业人一定要自己创建vue项目,很多时候我们都需要自己创建,今天我记录一下这个方法

前言


作为前端开发职业人一定要自己创建vue项目,很多时候我们都需要自己创建,今天我记录一下这个方法


提示:以下是本篇文章正文内容,下面案例可供参考


一、vue项目创建的几种方式?


搭建vue项目最常用的就是通过vue脚手架创建项目,当然webpack也可以创建


二、创建步骤

1.首先我们创建一个文件夹,在文件夹地址栏输入cmd打开这个小黑框,也就是终端,输入vue ui指令,然后回车

988e113bec614d59b0bf144746e65fab.png


2.浏览器会自动弹出到这个页面,点击在此创建项目

40adf3899da447698557bb10d6083027.png


3.点击下一步,按照以下步骤操作即可

c42f4cfd9d0f48d4baae5a139e3198bd.png

4cdfecbbecbb4b40a0285a7ca90113f3.png

17050c79e42b4d6694ca9b0d7059f714.png

4e794912ccda4c23abc83e84af0d411c.png

6fcb32008f9344caa4f43aa8ed41447b.png

61d7cd44ef47478eb2b7ee523d9b05a2.png



最后点击运行或者在vscode npm run serve


总结

以上就是最简单的创建vue项目的方法,配置更加直观,大家有啥更简单的可以分享一下


相关文章
|
20天前
|
缓存 JavaScript 前端开发
vue学习第四章
欢迎来到我的博客!我是瑞雨溪,一名热爱JavaScript与Vue的大一学生。本文介绍了Vue中计算属性的基本与复杂使用、setter/getter、与methods的对比及与侦听器的总结。如果你觉得有用,请关注我,将持续更新更多优质内容!🎉🎉🎉
35 1
vue学习第四章
|
20天前
|
JavaScript 前端开发
vue学习第九章(v-model)
欢迎来到我的博客,我是瑞雨溪,一名热爱JavaScript与Vue的大一学生,自学前端2年半,正向全栈进发。此篇介绍v-model在不同表单元素中的应用及修饰符的使用,希望能对你有所帮助。关注我,持续更新中!🎉🎉🎉
28 1
vue学习第九章(v-model)
|
20天前
|
JavaScript 前端开发 开发者
vue学习第十章(组件开发)
欢迎来到瑞雨溪的博客,一名热爱JavaScript与Vue的大一学生。本文深入讲解Vue组件的基本使用、全局与局部组件、父子组件通信及数据传递等内容,适合前端开发者学习参考。持续更新中,期待您的关注!🎉🎉🎉
33 1
vue学习第十章(组件开发)
|
26天前
|
JavaScript 前端开发
如何在 Vue 项目中配置 Tree Shaking?
通过以上针对 Webpack 或 Rollup 的配置方法,就可以在 Vue 项目中有效地启用 Tree Shaking,从而优化项目的打包体积,提高项目的性能和加载速度。在实际配置过程中,需要根据项目的具体情况和需求,对配置进行适当的调整和优化。
|
26天前
|
存储 缓存 JavaScript
在 Vue 中使用 computed 和 watch 时,性能问题探讨
本文探讨了在 Vue.js 中使用 computed 计算属性和 watch 监听器时可能遇到的性能问题,并提供了优化建议,帮助开发者提高应用性能。
|
26天前
|
存储 缓存 JavaScript
如何在大型 Vue 应用中有效地管理计算属性和侦听器
在大型 Vue 应用中,合理管理计算属性和侦听器是优化性能和维护性的关键。本文介绍了如何通过模块化、状态管理和避免冗余计算等方法,有效提升应用的响应性和可维护性。
|
26天前
|
存储 缓存 JavaScript
Vue 中 computed 和 watch 的差异
Vue 中的 `computed` 和 `watch` 都用于处理数据变化,但使用场景不同。`computed` 用于计算属性,依赖于其他数据自动更新;`watch` 用于监听数据变化,执行异步或复杂操作。
|
25天前
|
JavaScript 前端开发 UED
vue学习第二章
欢迎来到我的博客!我是一名自学了2年半前端的大一学生,熟悉JavaScript与Vue,目前正在向全栈方向发展。如果你从我的博客中有所收获,欢迎关注我,我将持续更新更多优质文章。你的支持是我最大的动力!🎉🎉🎉
39 3
|
25天前
|
JavaScript 前端开发 开发者
vue学习第一章
欢迎来到我的博客!我是瑞雨溪,一名热爱JavaScript和Vue的大一学生。自学前端2年半,熟悉JavaScript与Vue,正向全栈方向发展。博客内容涵盖Vue基础、列表展示及计数器案例等,希望能对你有所帮助。关注我,持续更新中!🎉🎉🎉
52 2
|
JavaScript Java 物联网
现有vue项目seo优化
现有vue项目seo优化