weixin_43957184的博客

原创 vue项目开发风格以及项目目录结构

组件名为多个单词，name:‘TodoItem’使用 css Modules私有 property 名尽量将一个页面拆分成不同的组件单文件组件名使用单词大写开头 （PascalCase）MyComponent.vue基础组件名，应用特定样式和约定的基础组件 (也就是展示类的、无逻辑的或无状态的组件) 应该全部以一个特定的前缀开头，比如 Base、App 或 V。components/|-BaseButton.vue|-BaseTable.vue紧密耦合的组件..

原创 辛苦总结的关于vue项目的项目结构

在创建项目的时候，最好根据页面（views）进行api与module的划分，最好一个页面对应一个api对应一个store/mosule图片: https://uploader.shimo.im/f/UAwsnitZ74Aj05h7.png具体分析vue项目结构（1）api图片: https://uploader.shimo.im/f/RrPTScIiUk45W6eH.png页面所有的接口...

原创 postcss-pxtorem使用方式

移动端开发项目的时候需要使用rem，一般常使用postcss-pxtorem 将单位转化为rem。postcss-pxtorem的使用：[1] postcss-pxtorem 是postCSS的插件，可以不用自己计算rem的值，直接按照设计稿开发，然后自动编译转换成rem，下图是不同手机屏幕的html(font-size)。[2] 然后在src/libs/目录下创建一个rem.js文件，并...

原创 nrm的安装与使用

概念：nrm是npm的镜像源管理工具，可以在各个源之间切换。安装nrmnpm i -g nrm （全局安装nrm）2.使用执行命令nrm ls 查看可选的源3.切换使用nrm use taobao4. 增加nrm add 5. 删除nrm del ...

原创 vscode中的setting.json

{“editor.fontSize”: 16,// tab 大小为2个空格“editor.tabSize”: 2,// 100 列后换行“editor.wordWrapColumn”: 100,// 保存时格式化“editor.formatOnSave”: true,// 开启 vscode 文件路径导航“breadcrumbs.enabled”: true,// pretti...

原创 vscode常用扩展

原创 node的安装

点进去官网https://nodejs.org/en/ ，下载左边这个版本的node然后傻瓜似安装即可node.js文件默认安装在c盘，因为是全局安装所以建议放在c盘，不需要更换路径最后在命令行中检查是否安装成功如果出现了对应的版本号则表示安装成功 这里需要注意一个问题:因为安装node的时候是在管理员权限下安装的，因此npm install 的时候需要在管理员权限下的命令行中输...

原创 npm安装包的时候出现问题

在npm 安装包的时候出现了如下所示问题：解决方式：看到operation not permitted就可以知道这是权限问题，在开始菜单里打开cmd的时候，选择“以管理员身份运行”，然后再cmd中npm install 就可以了。**另一个问题：**但是程序默认是以普通模式打开命令行，如果每次都选择以管理员身份运行就比较麻烦了。解决方式：首先打开命令提示符所在文件位置然后修改以管...

原创 全局安装与本地安装的区别

全局安装npm install package -g一般像工具类的包需要全局安装，全局安装可以提高程序重复利用，避免一个程序多个版本的情况，缺点是难以处理不同版本的依赖。本地安装npm install package默认会将包安装到当前目录下，避免了不同程序依赖不同版本包的冲突，减少了包开发者api兼容性的问题，缺点是会出现一个包安装多次的情况。很多情况下，全局安装了以后还需要本地安...

原创 git配置公钥私钥

git的下载，在官网下载git会比较慢，这里附上国内淘宝镜像下载地址，速度真的是非常快：https://npm.taobao.org/mirrors/git-for-windows/配置git的公钥与私钥1.本地安装好git；2.桌面右键 Git Bash Here 打开git命令行；3.ssh-keygen -t rsa -C “nideyouxiang@xxx.com” （全部按...