讓webstrom更好用的設置

1、讓webstrom在編輯vue項目時更快

一、在webstrom的項目管理樹中，找到node_modules文件夾，在文件夾上點右鍵，在出來的右鍵菜單中選擇「Mark Directory as」 >  Exclusion，排除webstrom對node_modules的管理。

二、File > Settings > Editor > File Types > Ignore files and folders中，添加node_modules。

三、在webstrom安裝目錄中，找到webstorm64.exe.vmoptions 和 webstorm.exe.vmoptions 兩個文件，將它們各自的 -Xms 和 -Xmx 值改成  512m 和 1024m （根據本身計算機的資源來改）

 

2、爲webstrom配置SVN

一、安裝SVN時，記得安裝SVN Command Tool kit 命令行工具，若是SVN已經安裝了，可使用SVN安裝文件作Repair修復安裝，追加安裝SVN Command Tool kit命令行工具。

二、Settings > plugins > Marketplace > 搜索SVNToolBox，安裝上。

三、Settings > Version Control > Subversion，去掉Use coustom configration directory，若是SVN協議是https，須要勾選Enable interactive mode，不然不須要勾選

四、而後就能夠在項目上右鍵菜單更新和提交項目了。

 

3、在Settings > Editor > Code Style 中設置與ESlint相同的代碼檢查規則，這樣使用F2檢查代碼風格時，更爽。

 

4、webstrom快捷鍵

0. Ctrl + Alt + L 規範代碼格式
1. ctrl + b: 跳到光標所在的變量的聲明處，用來查看該變量最初是在哪裏聲明的
2. ctrl + / : 單行註釋 
3. ctrl + shift + / : 塊註釋 
4. ctrl + r: 替換 
5. ctrl + d: 行復制 
6. ctrl + x: 剪切(刪除)行，不選中，直接剪切整個行，若是選中部份內容則剪切選中的內容 
7. ctrl + F12: 能夠顯示當前文件的結構 
8. ctrl + shift + n: 打開工程中的文件，目的是打開當前工程下任意目錄的文件。 
10. alt + left/right:標籤切換 
9. ctrl + []: 匹配 {}[] 
11. ctrl + shift + i : 顯示當前CSS選擇器或者JS函數的詳細信息 
12. ctrl + shift + ]/[: 選中塊代碼 
13. ctrl + j: 輸出模板

 

git經常使用命令：

git add readme.txt 或 git add * 添加一個或全部文件
git status 查看當前庫狀態
git commit -m "git tracks changes" 提交全部文件並註釋
git log --pretty=oneline 查看歷次提交的版本
git reset --hard HEAD^ 回退到上一個版本
git reset --hard 3628164 根據版本號，回退到某個版本
git reflog 查看歷史版本號
git remote add origin git@github.com:liujun5230/webpackStudy.git 添加到遠程庫
git push -u origin master 首次推送到遠程庫時，使用-u關聯遠程庫別名
git remote rm origin 刪除一個遠程庫關聯別名
git push origin master 推送到遠程庫
git clone git@github.com:michaelliao/learngit.git 把遠程庫克隆到本地
git pull git@github.com:liujun5230/webpackStudy.git 從遠程庫上更新到本地，至關於svn的update

git add . 提交被修改的和新建的文件，但不包括被刪除的文件
git add -u?--update 更新全部改變的文件，即提交全部變化的文件
git add -A?--all?提交已被修改和已被刪除文件，可是不包括新的文件

npm 經常使用命令

npm install XXX@1.2.3 -g 全局安裝某插件的1.2.3版本
npm view vue-cli 查看當前全局 vue-cli 的版本
npm install vue-cli --save 添加到項目運行依賴
npm install vue-cli --save-dev 添加到項目開發依賴
npm run dev 運行項目

npm list [name] ([name] 查看是否安裝了某包
npm ls jquery 便可（查看本地安裝的jQuery）
npm ls jquery -g (查看全局安裝的jquery)

第一種方式：使用npm view jquery versions

這種方式能夠查看npm服務器上全部的jquery版本信息；

第二種方式：使用npm info jquery

這種方式和第一種相似，也能夠查看jquery全部的版本，

可是能查出更多的關於jquery的信息；

第三種方式：使用npm view jquery version

這種方式只能查看jquery的最新的版本是哪個；