1.整體移動vscode代碼塊
憑借操作的經驗我們能夠輕松地知道將代碼整體往右移只需選中代碼按Tab鍵即可。其實往左移也很簡單：
選中之后按下
shift+Tab鍵
即可。
2.VSCode 使用 stylus，配置格式化設置
格式化成功后的截圖
. 設置步驟
VSCode 擴展商店中搜索 stylus Supremacy 進行安裝
之后在用戶設置 setting.json 配置文件中添加如下配置即可
// 以下為stylus配置
"stylusSupremacy.insertColons": false, // 是否插入冒號
"stylusSupremacy.insertSemicolons": false, // 是否插入分好
"stylusSupremacy.insertBraces": false, // 是否插入大括號
"stylusSupremacy.insertNewLineAroundImports": false, // import之后是否換行
"stylusSupremacy.insertNewLineAroundBlocks": false, // 兩個選擇器中是否換行
3.在vue項目中引入bootstrap
已經驗證這種方式可行
第一步，手動復制bootstrap4.1.3.css、bootstrap4.1.3.min.css、bootstrap4.1.3.js、bootstrap4.1.3.min.js、jquery3.3.1.js、popper1.14.0.js，到vue項目publish文件夾下的新建文件夾bootstrap下，然后在index頁面引用即可。引用順序是<head/>中引入css，而在</body>前分別添加jquery、popper、bootstrap三個js文件。自已定義的css和js均應在最后引用。
解決bootstrap4.X版本不支持其3.X版本圖標的問題，可以將3.X版本下的fonts文件夾復制到與css和js文件夾的相同目錄下，然后在bootstrap.css的最后添加3.X版本的bootstrap.css末尾的@face部分即可。