npm

前言 为什么要本地部署 easy-mock 呢？ easy-mock 官网 经常挂，太浪费时间了； 公司突然不给上外网，太垃圾了； 就是想要折腾自己，太爱学习了（哈哈哈）； Easy-mock 官网 安装需要 安装下载 Nodejs （ >= v8.9） 安装 MongoDB (>= v3.4) （很多教程都是说一直 next 下去就可以了，但是我安装的时候就没有这么顺利，又是一个折腾的过程，看我另一篇文档： MongoDB的安装及配置（Win7） ） 安装 Redis （ >= v4.0） https://www.runoob.com/redis/redis-install.html 安装 Easy-mock 　　 下载安装 $ git clone https: // github.com/easy-mock/easy-mock.git $ cd easy- mock $ npm install 　　 启动 $ npm run dev 　　 访问 http://127.0.0.1:7300 　　 注意 　　必须同时将 node、MongoDB、Redis运行起来，否则将会报错 。 　　（1）MongoDB开启服务 net start MongoDB 　　（2）Redis 开启服务 redis-server.exe 来源： oschina 链接： https://my

全局安装vue-cli，vue-cli可以帮助我们快速构建Vue项目 npm install -g vue-cli 安装webpack，它是打包js的工具 npm install -g webpack **初始化VUE项目-安装完成之后就可以开始创建vue项目，首先创建一个文件夹用来存放你的项目，用vscode打开对应的文件夹，并在终端cd到对应的文件夹。比如我的文件夹就是myvue 创建项目命令，输入回车:** vue init webpack myvue 启动项目 先cd到项目文件夹，cd myvue，然后输入以下指令 npm run dev 项目打包发布上线 npm run build 安装viewUI视图组件 $ npm install view-design --save 安装vueDraggable拖拽组件 npm install vuedraggable 如果是 sass 的，执行 npm install sass sass-loader --save-dev 安装依赖就行。或者（$npm intall sass-loader --save ; $npm install node-sass --save 来源： oschina 链接： https://my.oschina.net/u/4157150/blog/4718313

1.EasyMock简介： 手动的构造 Mock 对象会给开发人员带来额外的编码量，而且这些为创建 Mock 对象而编写的代码很有可能引入错误。目前，有许多开源项目对动态构建 Mock 对象提供了支持，这些项目能够根据现有的接口或类动态生成，这样不仅能避免额外的编码工作，同时也降低了引入错误的可能。 EasyMock是一套用于通过简单的方法对于给定的接口生成 Mock 对象的类库。它提供对接口的模拟，能够通过录制、回放、检查三步来完成大体的测试过程，可以验证方法的调用种类、次数、顺序，可以令 Mock 对象返回指定的值或抛出指定异常。通过 EasyMock，我们可以方便的构造 Mock 对象从而使单元测试顺利进行。这次我们要在本地搭建easymock服务，方便使用。 2.安装配置 前提：centos 64位 2.1 nodejs安装 #下载安装包 wget https://nodejs.org/dist/v9.9.0/node-v9.9.0-linux-x64.tar.gz #解压 tar zxvf node-v9.9.0-linux-x64.tar.gz #移动到/usr/local/目录下并改名 mv node-v9.9.0-linux-x64 /usr/local/node 配置环境变量： #打开系统配置文件 vi /etc/profile #最下方添加如下代码: #set

很多同学可能在写h5的时候，也会遇到移动端如何控制屏幕自适应问题！ 在移动端网页开发中，我们可以用手机淘宝的flexible．那么在vue当中，也同样可以用！ 接下来就介绍下如何在vue-cli配置的项目里来实现屏幕自适应 一、首先，我们需要安装flexible库． 项目目录下 cmd命令：npm install lib-flexible 二、然后在项目入口文件main.js里引入lib-flexible import 'lib-flexible' 三、记得配置meta标签,在index.html文件当中（有的已经是有的，就不用修改了） <meta name="viewport" content="width=device-width, initial-scale=1.0"> 四、接着，我们在项目当中写css的时候将px转成rem,我们可以借助px2rem这个工具，也是同样要安装 npm install px2rem-loader 五、然后就是配置这个工具，由于是loader文件，所有的loader文件都是在until.js文件里的一个方法生成的． 我们只要在until.js里找到cssLoader这个对象，在它下面再加一个px2remLoader对象即可 代码如图： 这样就配置完成了，之后命令重启项目，我们只需要在设计稿里量到多少写多少了！ 比如

1.首先安装element ui 和 v-viewer(可以使用cnpm) 　　npm i element-ui -S 　　npm i v-viewer -S 2.全局配置element ui 和 v-viewer(main.js中) 　　import ElementUI from 'element-ui' 　　import 'element-ui/lib/theme-chalk/index.css'　　 　　Vue.use(ElementUI) 　　import Viewer from 'v-viewer' 　　import 'viewerjs/dist/viewer.css' 　　Vue.use(Viewer, { 　　　　defaultOptions: { 　　　　　　zIndex: 9999 　　　　} 　　}) 3.页面中使用 <template> 　　<div> 　　　　<el-upload action="action" ref="upload" list-type="picture-card" :auto-upload="false" 　　　　accept=".jpg, .jpeg, .png, .gif, .bmp, .JPG, .JPEG, .PBG, .GIF, .BMP" > 　　　　　　<i slot="default" class="el-icon

一、环境搭建 　　1、安装node、npm、webpack，不多说 　　2、安装vue-cli脚手架构建工具，打开命令行工具输入：npm install vue-cli -g，安装完成之后输入 vue -V（注意这里是大写的“V”），如果出现相应的版本号，则说明安装成功。 二、用vue-cli来构建项目 　　1、在硬盘上找一个文件夹放工程用的。这里有两种方式指定到相关目录：（1）cd 目录路径 （2）如果以安装git的，在相关目录右键选择Git Bash Here 　　2、安装vue脚手架输入：vue init webpack exprice ，注意这里的“exprice” 是项目的名称，可以说是随便起名，但是需要注意的是“不能用中文，且不能用大写字母”。 $ vue init webpack exprice --------------------- 这个是那个安装vue脚手架的命令 This will install Vue 2 .x version of the template. ---------------------这里说明将要创建一个vue 2 .x版本的项目 For Vue 1 .x use: vue init webpack# 1.0 exprice ? Project name (exprice) --------------------- 项目名称 ?

Babel 是一个 JavaScript 编译器 Babel 是一个工具链，主要用于将 ECMAScript 2015+ （ES6+，IE不支持ES6+语法，所以要支持IE，项目中引入Babel还是很有必要的）版本的代码转换为向后兼容( 向后兼容 ：兼容以前的； 向前兼容：兼容未来的 )的 JavaScript 语法，以便能够运行在当前和旧版本的浏览器或其他环境中。下面列出的是 Babel 能为你做的事情： 语法转换 通过 Polyfill 方式在目标环境中添加缺失的特性 (通过 @babel/polyfill 模块) 源码转换 (codemods) 以下以gulp打包工具为例： 1.安装 npm install --save-dev gulp-babel 2.使用 var gulp = require("gulp" ); var babel = require("gulp-babel" ); gulp.task( "default", function () { return gulp.src("src/app.js" ) .pipe(babel()) .pipe(gulp.dest( "dist" )); }); 3.创建 .babelrc配置文件 3.1安装preset-env npm install @babel/preset-env --save-dev 3.2创建