目录

vue开发常用的工具有哪些_vue-开发工具

vue开发常用的工具有哪些_vue 开发工具

相比其他大型框架,Vue更加灵活,开发者既可以选择使用Vue来开发一个全新项目,也可以将Vue引入到一个现有的项目中。代码简洁、上手容易,深受开发者青睐。本节我们将对Vue的开发环境以及常用工具的使用进行讲解。

**一.**Visual Studio Code编辑器

Visual Studio Code(VS Code)是由微软公司推出的一款免费、开源的编辑器,推出之后便很快流行起来,深受开发者的青睐。作为前端开发人员来说,一个强大的编辑器可以让开发变得简单、便捷、高效。本书选择基于VS Code编辑器进行讲解。


二.VS Code编辑器具有如下特点:

  1. 轻巧极速,占用系统资源较少。
  2. 具备语法高亮显示、智能代码补全、自定义快捷键和代码匹配等功能。
  3. 跨平台。不同的开发人员为了工作需要,会选择不同平台来进行项目开发工作,这样就一定程度上限制了编辑器的使用范围。VSCode编辑器不仅跨平台(支持Mac、Windows以及Linux),使用起来也非常简单。
  4. 主题界面的设计比较人性化。例如,可以快速查找文件直接进行开发,可以通过分屏显示代码,主题颜色可以进行自定义设置(默认是黑色),也可以快速查看最近打开的项目文件并查看项目文件结构。
  5. 提供了丰富的插件。VSCode提供了插件扩展功能,用户根据需要自行下载安装,只需在安装配置成功之后,重新启动编辑器,就可以使用此插件提供的功能。

三. git-bash命令行工具

在进行Vue开发时,我们经常会使用一些命令,如npm(包管理器)、vue-cli(脚手架),这些命令需要在命令行下使用。git-bash是git(版本管理器)中提供的一个命令行工具,外观类似于Windows系统内置的cmd命令行工具,但用户体验更友好。在实际开发中,经常会使用git-bash工具代替cmd。下面我们就来讲解git-bash的安装步骤。

(1)打开git for windows官网,下载git安装包

https://i-blog.csdnimg.cn/blog_migrate/0c6aed081cd22054c5f7f9db3289034b.png

(2)双击下载后的安装程序,进行安装

https://i-blog.csdnimg.cn/blog_migrate/555d145599664b4da0efdfc359690ad2.png

(3)单击“Next”按钮,根据提示进行安装,全部使用默认值即可。

(4)安装成功后,启动git-bash

https://i-blog.csdnimg.cn/blog_migrate/747951b18d325fab3165a072f967a40b.png

最后

全网独播-价值千万金融项目前端架构实战

https://i-blog.csdnimg.cn/blog_migrate/8f3cd549cefb30ae69fe94f25d1cc460.png

从两道网易面试题-分析JavaScript底层机制

https://i-blog.csdnimg.cn/blog_migrate/92c9538ea0cba777dbdec1b63bc3878b.png

RESTful架构在Nodejs下的最佳实践

https://i-blog.csdnimg.cn/blog_migrate/5082ab5e06b1630756b72a497d7f9b66.png

一线互联网企业如何初始化项目-做一个自己的vue-cli

https://i-blog.csdnimg.cn/blog_migrate/ebc7e25574b8eeec68d048a8b692ba60.png

思维无价,看我用Nodejs实现MVC

https://i-blog.csdnimg.cn/blog_migrate/5eb150140d1c05c1ad76e95c08f8c34f.png

代码优雅的秘诀-用观察者模式深度解耦模块

https://i-blog.csdnimg.cn/blog_migrate/05c8de33f48d49eb375b54cd8ed5df1f.png

前端高级实战,如何封装属于自己的JS库

https://i-blog.csdnimg.cn/blog_migrate/1f7358690bba8963935831b372d672c4.png

VUE组件库级组件封装-高复用弹窗组件

https://i-blog.csdnimg.cn/blog_migrate/8b152ea369a32037e16060e291060397.png