uniapp npm 項目

環境安裝

1. 安裝npm

npm install -g @vue/cli
           

建立uni-app

vue create -p dcloudio/uni-preset-vue wonwon
npm i @types/uni-app @types/html5plus -D
           

按照依賴

//npm install -g sass
npm install node-sass sass-loader --save-dev

           

webstorm配置Prettier

原文

Prettier是代碼美化工具，配置到webstorm後，可以在你儲存代碼的時候，自動幫你美化代碼，然後配合Eslint規則，爽得不要不要的，可以節省你大量的時間，美滋滋！~廢話少說，上酸菜！

一、準備工作

1、webstorm(2018.1及以上，直接去官網下載下傳安裝)

2、Prettier

npm install --save-dev prettier
# or globally
npm install --global prettier
           

二、現在這兩樣已經安裝好了

1、打開webstorm設定 （file=>setting=>tools=>flie watchers）

項目根目錄下建立.prettierrc配置檔案：

{
	// 超過最大值換行
    "printWidth": 200,
    // 讓prettier使用eslint的代碼格式進行校驗
    "eslintIntegration": true,
    // 讓prettier使用stylelint的代碼格式進行校驗
    "stylelintIntegration": true,
    // tab鍵寬度，預設為2
    "tabWidth": 4,
    // 行末加分号
    "semi": true,
    // 用單引号代替雙引号
    "singleQuote": true,
    // 對象&數組是否追加空格
    // e.g. false: {foo:bar}
    // true: { foo: bar }
    "bracketSpacing": true,
    // 箭頭函數參數括号 預設avoid 可選 avoid | always
    // avoid 能省略括号的時候就省略 例如x => x
    // always 總是有括号
    "arrowParens": "avoid"
}

           

之後用ctrl+s儲存即可格式化