1副渴、操作
vs code中，選擇文件/首選項(xiàng)/用戶代碼片段全度，在彈出的界面中煮剧，搜索javascript,并選中
將附件javascript.json的內(nèi)容粘貼到打開(kāi)的頁(yè)簽中，保存
vs code中新建一個(gè)空白的js文件将鸵，輸入jscommont勉盅，將自動(dòng)生成js模板
2、注意
關(guān)鍵字jscommont顶掉，可以在模板javascript.json中修改
可以按照規(guī)范草娜，編輯js模板文件
3、效果
生成的模板痒筒，如附件“js規(guī)范模板生成文件.js”所示宰闰，如下圖
============分割線，下面是模板的編輯內(nèi)容=============
{
????"js template": {
????????"prefix": "jscommont",
????????"body":[
????????? "/**",
? ? ? ? ? ? " * @description Create a point.",
? ? ? ? ? ? " * @copyright ***有限公司 2019 (http://www.***.com/)",
? ? ? ? ? ? " * @version V1.0",
? ? ? ? ? ? " * @date 2019-09-20",
? ? ? ? ? ? " * @author XXX",
????????????" */\n",
? ? ? ? ? ? "http:// 常量定義",
? ? ? ? ? ? "const PI = 3.1415;\n",
? ? ? ? ? ? "http:// 點(diǎn)到原點(diǎn)的距離",
? ? ? ? ? ? "let distancePointToOrigin = 0;\n",
? ? ? ? ? ? "/**",
????????????" * @description 定義Point類(lèi)",
????????????" * @class: Point",
? ? ? ? ? ? " */",
? ? ? ? ? ? "export default class Point {",
? ? ? ? ? ? "? ? /**",
? ? ? ? ? ? "? ? * @description Create a point.",
? ? ? ? ? ? "? ? * @param {number} x - The x value.",
? ? ? ? ? ? "? ? * @param {number} y - The y value.",
? ? ? ? ? ? "? ? */",
? ? ? ? ? ? "? ? constructor(x, y) {",
? ? ? ? ? ? "? ? ? ? this.x = x;",
? ? ? ? ? ? "? ? ? ? this.y = y;",
? ? ? ? ? ? "? ? }\n",
? ? ? ? ? ? "? ? /**",
? ? ? ? ? ? "? ? * Set the x value.",
? ? ? ? ? ? "? ? * @param {number} x - The x value.",
? ? ? ? ? ? "? ? */",
? ? ? ? ? ? "? ? setX = x => {",
? ? ? ? ? ? "? ? ? ? // Here should check the x value.",
? ? ? ? ? ? "? ? ? ? this.x = x;",
? ? ? ? ? ? "? ? }\n",
? ? ? ? ? ? "? ? /**",
? ? ? ? ? ? "? ? * Get the x value.",
? ? ? ? ? ? "? ? * @return {number} The x value.",
? ? ? ? ? ? "? ? */",
? ? ? ? ? ? "? ? getX = () => {",
? ? ? ? ? ? "? ? ? ? return this.x;",
? ? ? ? ? ? "? ? }\n",
? ? ? ? ? ? "? ? /**",
? ? ? ? ? ? "? ? * Change the Point object to a string.",
? ? ? ? ? ? "? ? * @return {string} The string value like '(1, 2)'.",
? ? ? ? ? ? "? ? */",
? ? ? ? ? ? "? ? toString() {",
? ? ? ? ? ? "? ? ? ? return `(${this.x}, ${this.y})`;",
? ? ? ? ? ? "? ? }\n",
? ? ? ? ? ? "? ? /**",
? ? ? ? ? ? "? ? * Measure if the point is the origin.",
? ? ? ? ? ? "? ? * @return {boolean} true or false.",
? ? ? ? ? ? "? ? */",
? ? ? ? ? ? "? ? isOrigin() {",
? ? ? ? ? ? "? ? ? ? if (this.x === 0 && this.y === 0) {",
? ? ? ? ? ? "? ? ? ? ? ? return true;",
? ? ? ? ? ? "? ? ? ? } else {",
? ? ? ? ? ? "? ? ? ? ? ? return false;",
? ? ? ? ? ? "? ? ? ? }",
? ? ? ? ? ? "? ? }\n",
????????????"}"
????????]
????}
}
