文章目录前言一、VSCode（VisualStudioCode）1.1VSCode介绍与安装1.2VSCode常用插件安装1.3VSCode代码格式化二、Node.js2.1Node的介绍与安装2.yarn的安装三、Webpcak3.1Webpcak的介绍与安装四、VueCLI4.1VueCLI的安装与介绍五、初始化Vue项目并运行六、前端工程师必备软件6.1Git6.2Snipaste6.3Pxcook七、VUE开发者工具总结前言在当今快速发展的互联网时代，前端开发已经成为一项备受关注和需求不断增长的技术工作。作为一名前端工程师，拥有一台配置良好的电脑是提高工作效率和顺利进行项目开发的关键。
在现代web开发中，JavaScript(JS)是不可或缺的一部分，它使我们能够为网页赋予交互性和动态性。其中，DOM（文档对象模型）技术在前端开发中起着至关重要的作用。本篇博客将带领前端初学者深入理解JavaScriptDOM技术，为你构建坚实的基础。1.DOM简介1.1什么是DOM文档对象模型（DocumentObjectModel，简称DOM），是W3C组织推荐的处理可扩展置标语言的标准编程接口。DOM把整个页面映射为一个多层的节点结构，HTML或XML页面中的每个组成部分都是某种类型的节点，这些节点又包含着不同类型的数据。W3CDOM由以下三部分组成：核心DOM-针对任何结构化文档的标
若依框架若依框架（Ruoyi）是一款基于SpringBoot和SpringCloud的开源快速开发平台。它提供了一系列的基础功能和通用组件，能够帮助开发者快速构建企业级应用。若依框架采用了模块化的设计理念，用户可以选择需要的功能模块进行集成，也可以根据自己的业务需求进行扩展。若依框架还提供了许多便捷的工具和插件，例如代码生成器、权限管理、日志管理等，能够提高开发效率和项目管理能力。总之，若依框架是一个功能丰富、易于扩展和高效率的开发平台，适用于各种规模的企业级应用开发。1.若依框架搭建1.1.引入若依项目若依官网：http://www.ruoyi.vip/然后会到git中，可以复制链接，或者下
一，Tomcat的安装1.Tomcat是什么Tomcat是一个HTTP服务器，HTTP协议是HTTP客户端和HTTP服务器之间交换数据的格式，我们可以通过ajax和JavaSocket分别构造HTTP客户端，同时HTTP服务器也可以通过JavaSocket来实现，而Tomcat就是基于Java实现的一个开源免费，也是被广泛使用的HTTP服务器.2.Tomcat的安装在Tomcat官网下载（https://tomcat.apache.org/download-80.cgi）Tomcat的安装包，为了搭配后面的servlet3.1使用，这里下载Tomcat8即可.3.Tomcat的目录结构bin：
播播资源安装点大商城V2_2.5.0全开源版测试后发现后台总体体验下来比较简洁，营销功能还是挺多该有的都有了，相比上一版优化很多细节。首页和会员中心均支持DIY装修，底部菜单也一样，安装测试中目前未发现BUG，小程序整体体验测试了下也没什么问题，唯一缺点就是用户授权接口是老接口不影响使用。本次提供支持H5、微信公众号、微信小程序、头条小程序、支付宝小程序、百度小程序。本版本最大优势前后端开源，提供了uniapp小程序前端。非常合适做商城小程序也算是替代市面那些需要授权的商城系统。播播资源安装测试环境：Nginx1.20+PHP7.2+MySQL5.6安装说明：1、上传后端目录至网站2、导入提供
安装使用Workerman实现websocket前后端通信，后端主动推送消息到前端，实现后端有数据更新时，前端页面自动更新数据。我使用的是基于Thinkphp5.0的ThinkCMF5.0。安装：composerrequiretopthink/think-worker=v1.0.1启动：phpserver.phpstart-dpublic目录下放置的server.php文件，注意里面的配置必须按照你的Worker控制器来：#!/usr/bin/envphp?php//调试模式开关define("APP_DEBUG",false);//定义APP命名空间define("APP_NAMESPACE
(创作不易，感谢有你，你的支持，就是我前行的最大动力，如果看完对你有帮助，请留下您的足迹）目录vant组件库 安装 导入全部导入按需导入浏览器配饰Viewport布局Rem布局适配 vant组件库 目标：认识第三方Vue组件库vant-ui组件库：第三方封装好了很多很多的组件，整合到一起就是一个组件库。https://vant-contrib.gitee.io/vant/v2/#/zh-CN/安装 通过npm安装在现有项目中使用Vant时，可以通过 npm 或 yarn 进行安装：（这是官方给出的代码，如果安装失败，请根据我下面导入步骤重新安装）#Vue3项目，安装最新版Vant：npmiva
专栏：【微前端】什么是微前端【微前端】qiankun【微前端】qiankun+vite+vue3目录：一、微前端是什么二、微前端解决了什么问题三、微前端的优缺点四、微前端的解决方案五、何时需要引入微前端一、微前端是什么微前端（MicroFrontends）是一种前端架构模式，通过将单个应用程序分解为多个小型、独立的部分来实现应用程序的组合。每个小型部分都由独立的团队开发、测试和部署，然后将它们组合成为一个完整的应用程序。微前端的目标是使前端开发更加容易、可维护和可扩展，并且能够实现团队之间的协作。在微前端架构中，每个微前端都有自己的代码库和独立的部署过程。微前端可以使用不同的技术栈、框架和语言
Vue项目前端部署——nginx方式1.准备好服务器，下载安装nginx并启动2.vue项目编译打包3.将dist目录上传到服务器上4.配置nginx安装目录下的nginx.config文件5.重启nginx6.访问地址1.准备好服务器，下载安装nginx并启动随便在网上找一篇文章，下载安装之后，启动nginx2.vue项目编译打包在项目根目录下运行npmrunbuild进行编译打包打包完成之后，在项目根目录下会多一个dist目录3.将dist目录上传到服务器上4.配置nginx安装目录下的nginx.config文件因为使用到nginx进行代理，所以vue.config.js里面的代理是不会
