前端装机之编辑器及vscode插件

写前端需要什么准备，用什么写？

写前端的方式很多，最简单的用记事本就可以写。本人最开始也是用记事本写的，但是问题很明显，项目一大就麻烦了。

使用编辑器的话，目前我晓得的有几种。1.vscode（免费）2.webstorm(收费)3.Hbuilder（免费）

我最推荐的当然是vscode，插件多，支持好，操作也很舒服。Hbuilder好像是写小程序，uniapp的不太了解。webstorm苹果用户比较多，但是要钱.......

今天主要说说vscode。

1.下载安装vscode

VScode官网https://code.visualstudio.com/官网下载正版的vscode，直接点击下载就完事，下载后安装即可， 很简单一直下一步就行。不用害怕广告啥的。

2.打开vscode下载插件

我这里有些其他的插件，暂时不用理会。红框的才是重要的。

插件介绍 

1.Chinese 中文化

这个汉化的插件很好用，下载好，安装就完事，重启一下页面就中文了。英文好的可以不安装。

2. prettier 格式化

格式化代码的工具，vscode有自带的格式化，但是个人更喜欢这个格式化工具，还算不错

3.Vetur

vue的官方指定插件，写vue的话这个插件非常好用，必要的插件，不写vue就下载自己写的语言插件就行了

4. GitHub Copilot (测试版)

人工智能补全代码，仁者见仁智者见智，我觉得还行吧。但是目前是测试版本，需要申请后才可以使用。

 

 5.坤坤鼓励师

提醒写代码不要太累了，哈哈哈哈哈哈

 

3.导入文件

选择左上角【文件】，【打开文件夹】选择项目文件夹就可以了。就可以看到所有的项目文件了。

运行项目，输入启动指令

点击左下角这个图标，右边就出现一个框。点击终端 。这时候就可以输入指令了

下拉里面又很多终端，如果安装的node，最好使用powershell。

然后npm  install 

npm run dev

等等操作都可以搞了。。。