npm

　　 作者：小土豆biubiubiu 博客园： www.cnblogs.com/HouJiao/ 掘金： https://juejin.im/user/58c61b4361ff4b005d9e894d 简书： https://www.jianshu.com/u/cb1c3884e6d5 微信公众号：土豆妈的碎碎念（扫码关注，一起吸猫，一起听故事，一起学习前端技术） 码字不易，点赞鼓励哟~ 　　本篇文章用于 记录如何运行我们编写的es6代码 ，因为关于babel的搭建环境内容较多，因此标题设置为《ES6-babel环境搭建》。 一.浏览器 　　目前来说，浏览器已经支持部分的ES6/ES7/ES8的语法。以chrome浏览器为例，我们写一个简单的代码粘贴到浏览器执行： 　　 　　可以看到，执行过程中没有任何的错误，而且打印出正常的结果。该代码说明chrome已经支持class、箭头函数这样的ES6语法，因此我们可以编写包含这些语法的代码直接运行在浏览器中。 　　然而，不同的浏览器对ES6/ES7/ES8的支持度都是不一样的（上面那段代码贴到ie中就会报语法错误）。这样办法不太常用，只适合我们平时练习一下ES6/ES7/ES8的基础语法。 二.在线编译器 　　ES6的在线编译器首选便是babel官方提供的：https://www.babeljs.cn/repl 　　 　

1 前言 1.1 业务场景 由前台导入Excel表格，获取批量数据。 根据一个数组导出Excel表格。 2 实现原理 2.1 引入工具库 file-saver、xlsx、script-loader npm install -S file-saver xlsx npm install -D script-loader 2.2 导入Excel 2.2.1 Element 上传控件 <el-upload class="upload-demo" action="" :on-change="handleChange" :on-exceed="handleExceed" :on-remove="handleRemove" :file-list="fileListUpload" :limit="limitUpload" accept="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet,application/vnd.ms-excel" :auto-upload="false"> <el-button size="small" type="primary">点击上传</el-button> <div slot="tip" class="el-upload__tip">只 能 上 传 xlsx / xls 文 件<

起因 前公司商城App项目使用的是H5开发，有微信公众号、Ios和Android三个版本，H5版本是自己写的一套框架，已经用了有些年头了，承载不下不断涌现出的新需求。而Ios和Android端通过webview加载h5文件显示，App的原生功能和H5交互的代码写得有些凌乱，在我接手项目后老板完全没给重构的时间，所以只能在做新功能的时候顺手一点点的重构。后来要做一个与原先的商城相对独立的新商城，而且新商城的入口放在老商城中。因为时间紧任务重，使用React Native或者weex的话需要将原项目重构后再引入，考虑到可能存在的各种各样的坑，不太可能使用这些解决方案。使用vue或者react构建一个web项目再嵌入原有的app项目中是最稳妥的。最终因为vue的名字在字符数和音节数量上占了绝对的优势而入选。 vue项目构建 预备 vue中文文档: https://cn.vuejs.org/v2/guide/instance.html 构建工具环境 nodejs: http://nodejs.cn 构建工具vue-cli: https://github.com/vuejs/vue-cli 如果是第一次接触vue或者在已有项目中引入vue时可以选择用CDN版本或者下载js文件 vue的生产版本js： https://vuejs.org/js/vue.min.js 引入CDN版本：

Docker 构建镜像 1、首先，在项目的根目录下，新建一个文本文件.dockerignore，写入下面的内容。 下面三行代码表示： 1、这三个路径要排除，不要打包进入 image 文件。 2、如果你没有路径要排除，这个文件可以不新建。 .git node_modules npm -debug.log 2、然后在项目的根目录下，新建一个文本文件 Dockerfile，写入下面的内容。 下面五行代码表示： 1、FROM node:8.4：该 image 文件继承官方的 node image，冒号表示标签，这里标签是8.4，即8.4版本的 node。 2、COPY . /app：将当前目录下的所有文件（除了.dockerignore排除的路径），都拷贝进入 image 文件的/app目录。 3、WORKDIR /app：指定接下来的工作路径为/app。 4、RUN npm install：在/app目录下，运行npm install命令安装依赖。注意，安装后所有的依赖，都将打包进入 image 文件。 5、EXPOSE 3000：将容器 3000 端口暴露出来， 允许外部连接这个端口。 FROM node:8.4 COPY . / app WORKDIR / app RUN npm install --registry=https:// registry.npm.taobao.org

　　服务端渲染应用部署应该先编译构建，然后再启动 Nuxt 服务，可通过以下两个命令来完成： nuxt build nuxt start 　　我们已经在pakage.json里配置好script命令 { " scripts " : { 　　 " dev " : " nuxt " , 　　" build " : " nuxt build " , 　　 " start " : " nuxt start " , 　　 " generate " : " nuxt generate " 　}, } 　　即先用npm run build编译打包，然后用npm run start发布项目，如果在本地 http://localhost:3000 依然可以启动项目，说明打包是ok的 　　这时我们只需要在本地npm run build打包后，会在.nuxt生成一些新的文件，我们把 .nuxt 、nuxt.config.js、pakage.json 、static四个文件/文件夹放到服务器 上，然后安装依赖：npm install 　　最后用pm2来启动项目 　　pm2 是一个带有负载均衡功能的Node应用的进程管理器。当你要把你的独立代码利用全部的服务器上的所有CPU，并保证进程永远都活着，0秒的重载， PM2是完美的。 在服务器shell中，先安装pm2，安装后pm2 list查看进程列表