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保存即可格式化