脚手架工具创建vue项目，2024年最新web前端面试问题汇总

vue create wjw-project

注意，这个地方使用网络，如果网不好会安装好久甚至安装失败，很烦！

第一步，创建项目结构，第一个是默认，第二个是自定义，我们选择第二个自定义结构，回车。

第二步，选择模块，上下选择，选中按回车。选择四个就可以了。

第三步，是否使用历史路由，很简单，选 y 吧

第四步，选择编译器，选择第一个就可以了。

第五步，选择 ESLint，就是格式的校验，我们选择最后一个。

第六步，就是 ESLint 校验的时候什么时候校验你的语法，当我们保存的时候就检查吧，选择第一个。

第七步，生成的配置文件是都放到 package.json 文件还是分开，我们分开，就是每个配置一个文件，所以选择第一个。

第八步，预设置，啥意思嘞，上边我们不是操作栏七个步骤创建一个vue项目嘛，这个地方如果我们选择 y，那么下次我们在创建的时候，如果使用和现在创建的项目一样的配置，我们可以直接选择我们这个选项，就不需要一步一步在选择配置，它就会使用和现在一样的配置，简单。

如果选择 y ，就和创建模板一样，给他个名字，下一次创建项目的时候，在第一步选择结构的时候就有你现在保存的这个结构了。

配置 vue.config.js

---

根目录下创建 vue.config.js ，添加如下配置：

module.exports = {

devServer: {

port: 8001, // 端口号，如果端口号被占用，会自动提升1

host: “localhost”, //主机名， 127.0.0.1， 真机 0.0.0.0

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

基础学习：

前端最基础的就是 HTML , CSS 和 JavaScript 。

网页设计：HTML和CSS基础知识的学习

HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。

CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。

动态交互：JavaScript基础的学习

JavaScript是用来实现网页上的特效效果。如：鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻（新闻图片）的轮换。可以这么理解，有动画的，有交互的一般都是用JavaScript来实现的。

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！**
[外链图片转存中…(img-qFrwuDws-1712792312395)]