angular專案中tslint中的一些配置

2021-09-10 21:58:05 字數 1518 閱讀 8911

使用vscode進行angular專案開發時,如果沒有進行任何配置的話,**中會有一些莫名其妙的報錯,但是卻不影響執行,此時很大原因是因為tslint的配置的問題,找到根目錄下的tslint.json檔案,將其中相應的配置進行更改,如果沒有則手動增加。

1.尾部空格檢測

"no-trailing-whitespace": false,

設定為false之後可以在**尾部敲空格,如果不設為false,有時候手抖尾部敲了乙個空格則會引起報錯,看著難受。

2.行內檢測

"one-line": [

true,

"check-open-brace",

"check-catch",

"check-else",

"check-whitespace"

],這個裡面可以自行配置自身需要的,比如check-whitespace這項就會要求函式名,參數列和函式段開頭的大括號之間要有空格。當然也可以設定為false,將這個功能完全禁用。

3.關鍵字var

"no-var-keyword": true,

如果這一項啟用的話,就不能在程式段中使用var來生成變數。本身es6提供的let確實很好用,但如果需要利用var的特性(比如變數提公升)來實現一些程式段的話,那就不能禁用。

4.注釋行中的空格

"comment-format": [

true,

"check-space"

],如果check-space這一項存在,那麼注釋行的開頭必須要加上乙個空格。這個對於使用英文注釋的人來說,沒有多大影響,但是中文話就沒有必要。注釋畢竟是區別於**段的,要使用如何的書寫格式應當自己來決定。去掉這一項,或者將整個commet-format的值改為false,就可以將其禁用。

5.空格在其他部分的設定

"whitespace": [

true,

"check-branch",

"check-decl",

"check-operator",

"check-separator",

"check-type"

],whitespace這一項決定了在哪些情況下必須先插入空格,然後寫入自己的**。比如check-separator這一項就會要求在初始化陣列的時候,相鄰元素間不僅要用「,」分隔,還需要在其之後加入空格。

6.引用規範

"quotemark": false,

quotemark規定了引用符號的格式,比如在true,'single'的模式下,就會強制規定引用時必須使用單引號。這個值設為false之後使用單引號和雙引號後都不會報錯。

7.const偏好

"prefer-const": false,

這一項會在變數沒有在程式段中重新賦值的時候提示使用const,這麼做可以優化效能。然而,這樣的設定也會引發一些問題,畢竟我們在設計的時候會考慮到後期對某些變數可能會進行修改。建議在初期開發完成,程式處理邏輯趨於穩定,進入效能優化的環節後再把這一項啟用,協助檢查哪些變數可以用const優化。

angular專案中使用jQuery增加和刪除行

說明 引入angular.min.js和jquery.min.js的靜態資源庫,實現列表內容的增加和刪除操作。html 商 物料名稱 規格型號 angularjs scope.data 資料 初始化 行標 rowindex scope.data.length 1 繫結增行 add unbind bi...

Angular 專案檔案概覽

前言 為了更好的運用angular進行開發,我們首先應該好好了解angular專案的檔案概覽,知道都有哪些檔案,分別都怎麼用,這樣我們才會將其運用得更加靈活。內容 src資料夾 我們的應用 位於src資料夾中。所有的angular元件 模板 樣式 以及你的應用所需的任何東西都在這裡。這個資料夾之外的...

angular專案實戰1

ng new 專案名 整理目錄 先寫個簡單頁面,測試路由可正常跳轉 遇到loading postcss postcss url plugin failed cannot find module postcss url 這問題,安裝相應外掛程式,npm install postcss plugin 8...