一.概述 参看官方文档:https://ant.design/docs/spec/introduce-cn 其中包含了设计价值观.设计原则.视觉.模式.可视化.动态等. 其中Ant Design 的 React 实现,开发和服务于企业级后台产品.参看文档:https://ant.design/docs/react/introduce-cn 二.安装环境 配置ant design的开发环境,也相当于配置react配置.以下主要使用idea配置开发环境. 2.1.nodejs 下载地址:http:/

1.下载安装nodejs 1 wget http://nodejs.org/dist/v7.4.0/node-v7.4.0.tar.gz 2 yum install gcc openssl-devel gcc-c++ compat-gcc-34 compat-gcc-34-c++ 3 tar -xf node-v7.4.0.tar.gz 4 cd node-v7.4.0 5 ./configure --prefix=/usr/local/node 6 make && make instal

前言 vue-cli, webpack-cli 等脚手架是不是用起来爱不释手?自己写了个模版每次来回复制粘贴代码是不是很难维护?如果你是对前端.Node操作有一定的了解,同时也存在以上疑问,那就请尽情阅读尝试吧! 本篇文章按照al-block-cli举例, al-block-cli是一个基于vue和elementUI而集成的一个开发模版,可安装进行使用 依赖 Commander.js 命令行工具 download-git-repo git仓库代码下载 chalk 命令行输出样式美化 Inquir

1工具 l  Npm ( https://nodejs.org/en/ ) l  Yeoman (npm install -g yo) l  generator-generator (npm install -g generator-generator) 备注说明: yo是Yeoman的命令行工具包,需要全局安装 generator-generator就是generator的generator,需要全局安装 将npm的镜像调整为国内,命令如下npm config set registry=htt

使用create-react-app脚手架创建的项目默认隐藏了webpack等配置文件信息,使用npm run eject命令暴露这些隐藏的配置文件信息 项目默认有两个环境:开发环境(npm start).生产环境(npm run build) 日常项目开发中分为开发环境.测试环境.正式环境三个环境 可以通过修改配置灵活区分三个环境以实现不同环境使用不同请求地址或不同资源文件信息 方法一:复制scripts/build.js(正式环境),创建scripts/buildtest.js(测试环境)

一两个星期之前,你如果在我跟前说起私服的事情,我大概会绕着你走,因为我对这个东西真的一窍不通.事实上也正如此,开发同学曾不止一次的跟我说公司的私服版本太旧了,许多新的依赖编译之后不会从远程仓库自动缓存下来,然后每次就需要手动的上传,不方便极了.我听了之后,一方面确实因为各种忙碌没有抽开时间,但另一方面,则是每当打开私服面对着满屏的英文时,我都觉得眼前私服毕竟还能用,就不折腾了. 直到偶然一个契机,在网上看到一篇介绍nexus3.x的文章,文章写得也比较清晰,我也有兴致细读下去,就这样,开启了我的

vue 环境配置步骤: 第一步: 在官网下载node,Node  下载地址 http://nodejs.cn/ 并安装node.检测node是否安装成功, 按 “windows+r”  进入cmd命令窗 ,在命令窗口输入 node -v   -> ”enter"键   ->输入 npm -v  -> 'enter'键显示如下图: 第二步 安装全局vue-cli,在cmd中输入 命令  npm install -g vue-cli (vue-cli在线文档 : http://gi

通过命令编辑缓存的路径配置: npm config edit 内如如: 指定到系统盘之外的路径,如 d: 盘:然后将原来目录中已缓存的内如剪切过来~ Notice(2019.3.15): 截图中路径含有空格,可能会有风险,可通过如下拼写避免: cache=d:\progra~1\npm-cache

使用-g全局安装在服务器需要配置,下面看看配置方法 配置全局安装路径和缓存路径 cd /usr/local/nodejs mkdir node_global mkdir node_cache npm config set prefix "node_global" npm config set cache "node_cache" 查看全局变量: echo $PATH 修改配置文件 vi /etc/profile 移动到最后一行,新增2行 export NODE_HO

1.打开cmd命令行,查看当前配置 输入 npm config ls 先看一下当前npm的配置环境,由于我已经修改过,所以可以看到修改后的路径 2.修改路径 这里需要修改两个路径,module路径和cache路径 module对应prefix cache对应cache 首先在别的盘新建两个目录 D:\nodejs\node_modules\npm\node_global_modules D:\nodejs\node_modules\npm\node_cache 然后依次执行 npm config

1 访问网址 https://cnodejs.org/api 可以调取api 2.//该body-parser 可以将请求的body数据,转变成 json 格式数据://express-session 用于在服务器端存放的session//query-string 用于转换 url 后面的请求参数 转换成 json 格式 npm i body-parser express-session query-string -S bodyParser中间件的研究 3 使用方法: 3.1 server.js

1.  配置项.使用mobx,因为语法时es6-next,所以先配置 .babelrc 文件 { "presets": [ ["es2015", { "loose": true }], "stage-1",//改动了这里 "react" ], "plugins": ["transform-decorators-legacy", "react-hot-load

1. 由于 react-router 是集成了 react-router-dom 和 react-router-native的一起的,所以这里要使用的是 react-router-dom, 2. 安装  npm i react-router -S . npm i react-router-dom -S 路由配置router.js: import React from 'react' import { Route } from 'react-router-dom' import TopicList

首先谨记 eslint的官网:  http://eslint.cn/ 1 安装eslint  npm i eslint -D 2.在根目录下新建文件 .eslintrc { "extends":"standard" //是一个json文件,整个项目的格式,标准格式 } 3.由于是限制前端格式,所以在 client文件夹下新建文件 .eslintrc { "parser":"babel-eslint",//默认用哪种工具去解析

下面继续配置 webpack dev server    hot module replacement: 首先配置dev-server     安装     npm i webpack-dev-server -D const isDev = process.env.NODE_ENV === 'development' const config = { entry:{}, output:{}, plugins:{} } if(isDev){ config.devServer = { host: '

1 react 基本js文件: import React from 'react'; import ReactDOM from 'react-dom'; import App from './App.jsx'; ReactDOM.render(<App/>,document.getElementById('root')) // 把app组件传给 reactCreateElement 作为的参数 要引入 react 基本 webpack.config 配置: const path = requi

事情的起因是:Koa要求v7.6.0以上的nodejs. 但是window环境下升级node不容易,试过npm install -g n 和n stable等命令无效,而网上推荐的nvm并不支持windows,而nvm for windows 又要求先删除node及相关配置,而且这个用于支持windows的nvm是不完善的.处于规避风险的考虑索性决定删除并重装nodejs. 问题来了,在某网友的教程中,提到修改npm安装的全局路径: npm config set prefix"D:\Develo

当我们运行前端项目的时候,常常在解决依赖的时候会加上一个参数npm install --registry=https://registry.npm.taobao.org将源指定为淘宝的源,以期让速度加快起来,事实上这种的确能够让速度变快,但是长久来看,如果想真正的快速敏捷开发部署,搭建企业内部的私服,则会让速度更上一个台阶. 搭建npm私服,我们依旧使用nexus3. 与其他私服一样的,npm私服同样有三种类型: hosted : 本地存储,即同 docker 官方仓库一样提供本地私服功能 pr

1.在cmd中,找到nodeJs安装的路径下,运行 vue -V,查看当前vue版本,如下图所示,表明已经安装过了. 2.没有安装,进行安装.在cmd中,找到nodeJs安装的路径下,运命令行 npm install cnpm -g --registry=https://registry.npm.taobao.org ----使用淘宝镜像 3. 安装vue项目所需要的依赖,运行命令 npm install 4.运行启动项目:npm run dev 如果安装失败,使用全局卸载命令: npm uni

  1. 先下载node.js,下载地址:https://nodejs.org/en/download/ 找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中. 由于 Node.js 中默认安装了 npm,所以不用额外配置就能在全局命令中使用 npm命令,如果要使用自己安装的 npm 时,如 cnpm ,那么就需要像上面一样添加相应的环境变量 然后在cmd或者shell中测试一下是否安装成功了:输入 node -v 与 npm -v C:\> node -v v10.14

Vue学习之vue-cli脚手架下载安装及配置:https://www.cnblogs.com/clschao/articles/10650862.html 1. 先下载node.js,下载地址:https://nodejs.org/en/download/ 找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中. 由于 Node.js 中默认安装了 npm,所以不用额外配置就能在全局命令中使用 npm命令,如果要使用自己安装的 npm 时,如 cnpm ,那么就需要像上面