2024年最全vue CLI脚手架初安装记录，全套教学资料

总结

三套“算法宝典”

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

算法刷题LeetCode中文版（为例）

人与人存在很大的不同，我们都拥有各自的目标，在一线城市漂泊的我偶尔也会羡慕在老家踏踏实实开开心心养老的人，但是我深刻知道自己想要的是一年比一年有进步。

最后，我想说的是，无论你现在什么年龄，位于什么城市，拥有什么背景或学历，跟你比较的人永远都是你自己，所以明年的你看看与今年的你是否有差距，不想做咸鱼的人，只能用尽全力去跳跃。祝愿，明年的你会更好！

由于篇幅有限，下篇的面试技术攻克篇只能够展示出部分的面试题，详细完整版以及答案解析，有需要的可以关注

node.js 版本要求：> 8.9

npm install -g @vue/cli 安装

vue --version版本号

npm uninstall vue-cli -g 卸载

3.创建自己的项目

在想要创建vue项目的目录下：vue create + 项目名，

项目名不允许有大写字母，支持横杆，如vue-test

然后进入所需要的插件的页面，可以选择默认的bable和esLint，或者自定义，用空格选择或取消

回车进入下一页面

选择使用哪种ESLint代码规范？

ESLint with error prevention only 只是错误 ——本人选择此项

ESLint + Airbnb config airbnb代码规范

ESLint + Standard config 标准代码规范

ESLint + Prettier

pick additional lint features：选择lint特性？

lint on save ——默认

lint and fix on commit

babel，postcss，eslint等等的配置是分开单独保存还是都保存在package.json里？：

in dedicated config files ——默认分开保存

in package.json

保存刚才的设置供之后使用吗？y/N

等待安装

打开项目并运行：

cd + 你执行的目录：cd vue-test

运行脚本：npm run serve

给出两个可访问链接

复制到浏览器并打开

如：local: http://localhost:8080/

可以看到项目创建成功了

回到项目代码，看到里面有一个package.json文件：

里面的：

“scripts”: {

“serve”: “vue-cli-service serve”,

“build”: “vue-cli-service build”,

“lint”: “vue-cli-service lint”

}

中的"serve"字段就是我们刚刚运行的脚本"npm run serve“中的"serve”

“scripts"中的build字段是用于项目打包（生产环境），命令：”npm run build"，
前端资料汇总

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

我一直觉得技术面试不是考试，考前背背题，发给你一张考卷，答完交卷等通知。

首先，技术面试是一个 认识自己 的过程，知道自己和外面世界的差距。

更重要的是，技术面试是一个双向了解的过程，要让对方发现你的闪光点，同时也要 试图去找到对方的闪光点，因为他以后可能就是你的同事或者领导，所以，面试官问你有什么问题的时候，不要说没有了，要去试图了解他的工作内容、了解这个团队的氛围。
找工作无非就是看三点：和什么人、做什么事、给多少钱，要给这三者在自己的心里划分一个比例。
最后，祝愿大家在这并不友好的环境下都能找到自己心仪的归宿。