Skip to content
This repository has been archived by the owner on Aug 9, 2021. It is now read-only.

bigbigDreamer/CommonProjectConfigurationFiles

Repository files navigation

CommonProjectConfigurationFiles

Open Source Love HitCount

📃Introduce

📃Self-introduction

Hi, everybody, my name is EricWang, I am a college student from China, currently at lanzhou university of technology, grade three.

📃Project-introduction

CN这个仓库主要讲解了前端项目常用的一些文件配置以及使用教学,包括一个标准前端工程师的必备软技能,如果你有兴趣,欢迎PR。

ENThis repository mainly explains some common file configuration and usage teaching of front-end projects, including the necessary soft skills of a standard front-end engineer. If you are interested, welcome PR. If you have any questions, please feel free to contact me. My personal contact information is at the bottom of the document.

📁ConfigBox

🔖.gitattributes

.gitattributes主要用来帮助github去更加精准的识别你的项目使用了什么语言。

Directions for use
  • 跟随git push一并commit就OK!

🔖.gitignore

.gitignore主要用来帮助commit命令去辅助识别项目上传git需要过滤哪些文件。

Directions for use
  • 创建文件在项目的根目录,自行生效。

🔖.editorconfig

.editorconfig主要用来记录当前项目的代码风格,保证当前项目在不同的机器以及IDE上不会出现样式错乱。

Directions for use
  • 第一步:新建该文件夹,也可以不建立。

  • 第二步:附图。

alt

  • 第三步:单击export就会自动覆盖当前项目目录下的配置文件。

🔖.browserslistrc

.browserslistrc主要用来指定项目运行的浏览器版本或者类型。

Directions for use

🔖vue.config.js

vue.config.js主要用来适配Vue cli@3.0去配置vue项目,webpack会默认加载该文件。

Directions for use
  • 第一步:vue create newProject

  • 第二步:新建vue.config.js文件在项目根目录下。

  • 第三步:npm run serve

  • 配置细节参见传送门

🔖babel.config.js

babel.config.js是babel@7.0的默认加载配置文件,用于将高于es5.1版本的js代码转为@5.0版本,也是为了更好的适配浏览器。

Directions for use
  • 第一步:初始化项目 npm init

  • 第二步:安装依赖

npm install --save-dev @babel/core @babel/cli @babel/preset-env

npm install --save @babel/polyfill
  • 第三步:创建配置文件

  • 第四步:附图。

alt

alt

🔖.eslintrc.js

.eslintrc.js是代码质量检测工具ESlint的默认配置文件。

Directions for use
  • 第一步:安装必要依赖
npm install -g eslint

npm install -g eslint-config-standard

npm install -g eslint-plugin-html

npm install -g eslint-plugin-promise

npm install -g eslint-plugin-standard

npm install -g eslint-plugin-sort-class-members

npm install -g babel-eslint

npm install -g eslint-plugin-babel 
  • 第二步:在项目根目录创建配置文件

  • 第三步:附图。

alt

alt

🔖webpack.config.js

webpack.config.js是配合webpack打包工具使用的配置文件。

Directions for use

参见webpack热启动/热更新配置详解


💪IDE软技能

💞less在WebStorm中如何配置

  • 第一步:安装
npm install -g less 
  • 第二步:附图

alt

alt

💞Hexo搭建个人博客

💞前端API编写工具之GitBook

💞GitHub徽章定制

💞前端工程师的调色板

💞JavaScript注释标准指导

💞10个插件带你玩转Chrome

💞使用JSDoc自动生成代码文档

  • 第一步:在代码中根据JS注释标准去书写代码注释。

  • 第二步:install

npm install -g jsdoc
  • 第三步:生成注释文档
jsdoc demo.js

💞前端程序员需要掌握的英语单词

  • 参见笔记本[在前辈总结的基础上,持续增加中......]
  • MyNote[我的单词本,持续更新中......]

💞自撰的网站色彩指导[持续更新中......]

💞自撰前端面经[持续更新中......]

💞JavaScript全套面经[持续更新中......]


📚好书推荐


😘自我提升


Statement

📣Contact Me

MyBlog: https://bigdreamer.cc

📣赏我一杯咖啡吧~~~

温馨提示:左侧微信,右侧支付宝!

License GPL3.0

Copyright (c) 2019 Eric Wang

About

👻Record the front-end project common configuration file configuration items.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published