1.首先需要安装VScode等编辑器,Vscode中需要安装技术栈需要用到的扩展,暂且列出之前安装过的插件:

Live Server(启动本地服务器), Ayu(主题扩展), Chinese (Simplified) (简体中文) , Code Runner(单独运行某段代码), Code Spell Checker(源代码拼写检查), Easy LESS(自动将less编译为css), HTML CSS Support(用于css的智能感知), Image preview(预览图片), indent-rainbow(使缩进更容易阅读), Material Icon Theme(图标主题), open in browser(浏览器打开文件), Prettier - Code formatter(代码格式化), Rainbow Brackets(彩虹括号), stylus(一种预处理器), Vetur(vue工具), vscode-icons(文件图标), vue(语法突出显示), Vue 3 Snippets(代码片段扩展), vue-beautify2(美化vue代码), vue-helper(vue增强),ChatGPT中文版(辅助开发和学习),Docker(管理和调试 Docker 容器),DotENV(支持.env文件的语法高亮和智能提示),HeadWind(管理和自动化前端项目中的CSS样式表和组件),i18 Ally(辅助开发者进行国际化(i18n)的工具),IconIfy IntelliSense(提供图标自动补全),Stylelint(检查CSS代码是否符合指定规则)

2.安装nvm来下载并使用不同版本的node.js;

3.需要安装git以便于下载代码到本地以及管理代码,企业管理代码时需要用到gitlab或者阿里云codeup。

4.需要安装谷歌浏览器来进行运行代码并调试bug,谷歌浏览器中需要安装vue开发者工具,以便随时查看数据,DOM结构以及调试。

更多推荐

前端开发环境配置