npm

都说 Vue2 简单上手容易，的确，看了官方文档确实觉得上手很快，除了 ES6 语法和 webpack 的配置让你感到陌生，重要的是思路的变换，以前用jq随便拿全局变量和修改 dom 的锤子不能用了， vue 只用关心数据本身，不用再频繁繁琐的操作 dom ，注册事件、监听事件、取消事件。。。。（确实很烦）。 vue 的官方文档还是不错的，由浅到深，如果不使用构建工具确实用的很爽，但是这在实际项目应用中是不可能的，当用 vue-cli 构建一个工程的时候，发现官方文档还是不够用，需要熟练掌握 ES6 ，而 vue 的全家桶( vue-cli , vue-router , vue-resource , vuex )还是都要上的。 vue.js 有著名的全家桶系列，包含了 vue-router ， vuex ， vue-resource ，再加上构建工具 vue-cli ，就是一个完整的 vue 项目的核心构成。 vue-cli 这个构建工具大大降低了 webpack 的使用难度，支持热更新，有 webpack-dev-server 的支持，相当于启动了一个请求服务器，给你搭建了一个测试环境，只关注开发就ok。 1.安装vue-cli ① 使用npm（需要安装node环境）全局安装webpack，打开命令行工具输入： npm install webpack -g 或者（ npm

React Native 介绍 React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架，是React 在原生移动应用平台的衍生产物，使用JS、JSX、CSS开发原生应用，目前支持iOS和安卓两大平台。 官网地址： https://reactnative.cn/docs/getting-started.html 环境安装 以windows+Android平台来安装React Native环境 Nodejs Node 的版本必须大于等于 v10.x React Native命令行工具 全局安装react-native-cli npm install -g react-native-cli python Python 的版本必须为 2.x（不支持 3.x） JDK（Java SE Development Kit ） JDK 的版本必须是 1.8（目前不支持 1.9 及更高版本） Android Studio 安装 Android Studio 来获得编译 Android 应用所需的工具和环境 安装 Android SDK SDK Manager -> "SDK Platforms" -> "Show Package Details" -> Android SDK Platform 28 -> Intel x86 Atom_64 System

Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境，其使用了一个事件驱动、非阻塞式 I/O 的模型，使其轻量又高效。 Node.js 的包管理器 npm，是全球最大的开源库生态系统，功能及其强大。 这篇文章介绍如何在ubuntu环境下安装node环境。 我使用的系统是ubuntu 16.04，不过在其他版本的系统中应该也适用。 安装python-software-properties 首先需要安装依赖包python-software-properties。 $ sudo apt-get install python-software-properties 添加PPA 网站deb.nodesource.com维护了nodejs的各版本安装包的PPA，我们可以从该网站上下载执行导入。 $ curl -sL https://deb.nodesource.com/setup_8.x | sudo -E bash - 如果提示没有安装curl，需要先安装curl。 当前6.x版本为比较稳定的版本，我们可以根据自己的需要选择安装不同的版本。 安装nodejs和npm 接下来安装nodejs，安装完成之后npm也自动安装好了。 $ sudo apt-get install nodejs 安装完成之后我们查看一下nodejs和npm的版本。 $ node -v

作者：Morrain 【前端科普系列】帮助阅读者了解web前端，主要覆盖web前端的基础知识，但不深入讲解，定位为大而全并非细而精，适合非前端开发的同学对前端有一个系统的认识，能更好的与前端开发协作。尽可能的写成科普类文章，对于前端开发而言，只适合刚入门的新手。 本文为第五章，主要讲前端工程化中的很重要工具 ESLint，主要介绍 ESLint 的历史、用法以及如何基于ESLint 打造保护代码仓库优雅的护城河。 一、前言 战国时期强大的赵国想要一举攻打并吞并北边的燕国，而小国“梁城”位居两国之间，为战略要冲，是必取之地。于是赵国派遣大将巷淹中，率领十万大军攻打仅有四千人的“梁城”，梁城王向以守城著称的墨家求救。但梁城等到的却是一个其貌不扬、孤身应战的墨家侠客革离，谁料革离足智多谋，指挥梁城四千军民抵御十万赵军，功成身退。 （图片来源：网络） “梁城”就好比我们的项目仓库，“梁城”的秩序取决于“革离”有没有守好它！那我们的项目仓库呢？ 你愿意看到城中杂乱无章、毫无规则、乱象丛生还是愿意看到城中秩序井然、风格统一、整齐有序？如何成为程序员里的“革离”，守好属于我们的天空之城？ 二、关于 ESLint 1、ESLint 是什么 先来看下它在 官网 上的定义： Find and fix problems in your JavaScript code 没错就一句话， 发现并修复你

最近有需求获取快应用的摘要值，但是发现快应用规范并未提供相关接口。有幸的是，经过一番搜索，我发现可以使用第三方库crypto-js获取，以下对获取方式进行分享。 安装依赖 检查快应用项目目录下是否已经有第三方库依赖文件package.json。 如果没有，在快应用IDE中启动第三方依赖库：工具栏Npm->Start Npm Library，执行完这个步骤后，在快应用项目根目录下生成package.json文件。 执行npm install : 工具栏Npm->Npm Install. 切换到IDE下方的”终端”tab，进入快应用项目根目录，安装crypto-js库，输入安装命令： npm i -S crypto-js，如下图所示： 安装完成后，会在package.json文件中自动增加crypto-js的依赖。 代码引用 参考crypto-js在es6中的使用，如： import sha256 from 'crypto-js/sha256'; import MD5 from 'crypto-js/md5'; genSha256: function (e) { const msg = this.testdata; this.sha256value = sha256(msg); }, genMD5: function () { const msg = this.testdata;

e2e测试，即end to end（端到端）测试。理论上前端页面由前端框架来测试确实更为合适，而Cypress就是一款专注e2e的 测试框架 。 看看网友们如何评价Cypress：能够让软件开发实现并行测试，持续集成；专有元素定位，框架级别元素自动等待，原生支持Mock；专有TestRunner，命令执行细节全景回放呈现，定位问题更加精准。听起来好牛逼，迫不及待的尝试一把。 1.安装Node.js Node.js的安装方式就省略了，网上百度都有，安装完后通过node -v指令验证是否安装成功。 2.创建package.json 使用命令npm init在项目的根目录下来初始化一个package.json文件，运行这个命令后，它会询问一些关于包的基本信息，根据实际情况回答即可。如果不喜欢这种方式，可以使用npm init --yes （或npm init --y）命令直接使用默认的配置来创建package.json文件，最后根据需要修改创建好的package.json文件即可。 #在项目的根目录下执行 npm init 3.安装cypress Cypress有二种安装方式 一、下载安装 #下载地址 https: //download.cypress.io/ 该网站会根据你的操作系统，自动下载最合适的版本；下载完后，解压文件，双击就可以使用 Cypress 了

Cypress 技术雷达 2018 底推的工具： https://www.thoughtworks.com/cn/radar What： 　　　　前端网络，cypress是在mocha式API基础上构建的一套开箱可用的E2E（端到端即黑盒测试）测试框架，对比其他测试框架，它提供一套自己的最佳实践方案，无需其他测试工具库，配置方便简单但功能异常强大，可以使用webpack项目配置，还提供了一个强大的GUI图形工具。入门简单，上手方便，怎么舒服怎么来呀 cypressGUI方式的测试使用真实浏览器，非GUI方式使用chrome-headless，不是用模拟方式进行测试，更真实的展现实际环境中的测试过程和结果。 完整的端到端测试体验。 Why： 　　　　带GUI工具，想测啥就点啥，还可以查看整个测试过程，想录屏还可以录屏哟 测试的每一步都有snapshot，可以通过GUI工具查看每个过程的页面状态，不是截图而是真是的页面DOM环境哟！ 自带数据mock和请求拦截机制，还原线上数据引起的bug别提有多轻松了 和wepbakc配置，实现无论修改测试文件还是被测试代码都可以自动重测 可以给测试用例加上only或者skip来避免重测测试文件里的所有用例: it.only('只测试这个哟); it.skip('不要测这个'); Build： 　　　　先安装node，npm install

先在项目里打开cmd 输入npm i element-ui -S回车，然后在配置 npm i element-ui -S 在 main.js 中写入以下内容： import Vue from 'vue'; import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; import App from './App.vue'; Vue.use(ElementUI); 安装 axios : npm install axios//生产环境 npm install --save axios vue-axios//测试环境 两者都下载 在 main.js 中写入以下内容： import Vue from 'vue' import axios from 'axios' import VueAxios from 'vue-axios' Vue.use(VueAxios, axios) 在页面中的用法： Vue.axios.get(api).then((response) => { console.log(response.data) }) this.axios.get(api).then((response) => { console.log(response.data) }) this.

# 安装 Node.js https://nodejs.org/en/download/ # 下载前端项目 git clone http://..../<project>.git # 下载 node_modules cd <project> npm audit fix # 安装nginx，配置路由 http://nginx.org/en/download.html ./conf/nginx.conf location /xxx { proxy_set_header Host $Host; proxy_set_header X-Forwarded-For $remote_addr; proxy_pass http://127.0.0.1:8000; } location / { proxy_set_header Host $Host; proxy_set_header X-Forwarded-For $remote_addr; proxy_pass http://127.0.0.1:8080; } start nginx # 启动前端项目 npm run dev 来源： oschina 链接： https://my.oschina.net/redhands/blog/4694705

准备工作 相关命令 mkdir simple_voting_dapp //创建文件夹 cd simple_voting_dapp //进入文件夹 npm init //初始化npm包管理文件，输入ls 可以看到创建的package.json文件 npm intsall web3@0.20.1 //安装web3 npm install solc@0.4.25 //安装solc npm install -g ganache-cli //安装ganache-cli 参考文档 输入 ganache-cli 启动，出现如下界面，表示启动成功，列出10个账户以及各自的秘钥，每个账户都有100以太，这个类似dev私链的模式 Solidity合约 合约内容 构造函数，用来初始化一些候选者 用来投票的方法（对于票数加 1） 返回候选者获得的总的票数的方法 合约代码 pragma solidity ^0.4.22; contract Voting{ mapping (bytes32 => uint8)public votesReceived; bytes32[] public candidateList; constructor(bytes32[] candidateNames)public{ candidateList = candidateNames; } function