Windows系統零開始前端開發環境配置

2022-01-28 21:41:23 字數 1116 閱讀 7280

1. 安裝nodejs

2. 安裝git

3. 安裝vscode和常用外掛程式

下面是常用的外掛程式列表:

git history

git lens

babel es6/es7

eslint

editorconfig for visual studio code

以上外掛程式用於優化編輯器裡進行git管理,**規範化的體驗。

4. 優化vscode編輯器預設行為

在專案目錄下新建.editorconfig檔案。

包括統一tab的佔位,儲存檔案時最後一行再插入新行,去除首尾空格。

# 配置檔案內容

# editorconfig.org

root = true

[*]charset = utf-8

end_of_line = lf

indent_size = 2

indent_style = space

insert_final_newline = true

trim_trailing_whitespace = true

[*.md]

trim_trailing_whitespace = false

5. 配置vscode編輯器**規範

安裝airbnb的規範

npm install -g eslint-config-airbnb eslint-plugin-import eslint-plugin-react eslint-plugin-jsx-a11y babel-eslint

在專案目錄下新建.eslintrc檔案

, "globals": , "plugins": [

"react"

], "rules": }

不是所有檔案都需要eslint來校驗格式

.eslintignore

**/dist/**

**/src/**

**/examples/**

**/node_modules/**

**/server.js

**/webpack.config*.js

從零開始學前端

靜態黃頁 伺服器組裝動態網頁資料 後端為主的mvc 前後端分離 純前端mv 為主 中間層輸出 前端virtual dom mnv 前後臺同構 後端為主的mvc 後端人員根據前台寫的html頁 套 模板渲染資料 前端為主的mv mvcmvc 執行過程 1.view傳送指令到 controller 2....

從零開始學習web前端開發

之前半個月一直在學習深度學習,但是感覺自己的能力還沒到那個程度所以就想擱置一下,從程式設計師基礎的前端開發來學。廢話不多說直接開記 我所使用的前端開發軟體就是業內很流行的vscode,作為小白的我當然也是用的這個 具體的安裝教程,外掛程式教程網上都有詳細的介紹,在此處不多講 在vscode中輸入 就...

如何從零開始設計系統

一直不滿足於只是做一兩個模組,想著自己設計乙個完整的系統,最近自己在寫乙個小玩意兒,有一些經驗和思考,故有了以下的內容。首先想說的是 這只是些個人體會,並不完善。如果有誰在看的話,希望不要被誤導。ok,言歸正轉。王道 多寫 少些花裡狐哨的名堂。基本原則 考慮到在開始設計乙個新的系統時多缺乏足夠的領域...