环境安装
- 安装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保存即可格式化