AntDesign安装和环境配置

1 https://nodejs.org/en/ 下载node.js 并安装

一直点击next即可，可参考：Node.js安装及环境配置之Windows篇 https://blog.csdn.net/qq_26562641/article/details/72235585

2 无需配置环境变量，cmd下输入：node --version 输出版本号则表示node.js安装成功，目前nodejs已集成npm

3 cmd下输入：npm -v 输出版本号则表示npm安装成功。cmd下输入node即进入nodejs的开发模式，输入 console.log(123)则会输出123，两次ctrl+c退出开发模式

4 cmd下输入：npm install antd-init -g 安装antdesign，一分钟就好

5 cmd下输入：mkdir antd-demo && cd antd-demo

6 cmd下输入：antd-init 大概要2分多钟

7 cmd下输入：npm start

8 访问：http://127.0.0.1:8000/

完整的记录如下：

C:\Users\lyzh>node --version
v8.11.4

C:\Users\lyzh>npm -v
5.6.0

C:\Users\lyzh>node
> console.log(123)
123
undefined
> console.log('加油')
加油
undefined
> exit
ReferenceError: exit is not defined
> quit
ReferenceError: quit is not defined
>
>
>
>
(To exit, press ^C again or type .exit)
>

C:\Users\lyzh>
C:\Users\lyzh>npm install antd-init -g
C:\Users\lyzh\AppData\Roaming\npm\antd-init -> C:\Users\lyzh\AppData\R
oaming\npm\node_modules\antd-init\bin\antd-init

> spawn-sync@1.0.15 postinstall C:\Users\lyzh\AppData\Roaming\npm\node_modu
les\antd-init\node_modules\spawn-sync
> node postinstall

+ antd-init@2.0.6
added 140 packages in 27.11s

C:\Users\lyzh>mkdir antd-demo && cd antd-demo

C:\Users\lyzh\antd-demo>antd-init
Write .\gitignore
Write .\index.css
Write .\index.html
Write .\index.js
Write .\package.json
Write .\webpack.config.js
use npm: npm
npm WARN deprecated babel-preset-es2015@6.3.13: � Thanks for using Babel: we re
commend using babel-preset-env now: please read babeljs.io/env to update!
npm WARN deprecated browserslist@1.7.7: Browserslist 2 could fail on reading Bro
wserslist >3.0 config used in other tools.
npm WARN deprecated formatio@1.1.1: This package is unmaintained. Use @sinonjs/f
ormatio instead
npm WARN notice [SECURITY] mime has the following vulnerability: 1 moderate. Go
here for more details: https://nodesecurity.io/advisories?search=mime&version=1.
3.6 - Run `npm i npm@latest -g` to upgrade your npm version, and then `npm audit
` to get more info.
npm WARN notice [SECURITY] debug has the following vulnerability: 1 low. Go here
for more details: https://nodesecurity.io/advisories?search=debug&version=2.6.8
- Run `npm i npm@latest -g` to upgrade your npm version, and then `npm audit` t
o get more info.
npm WARN notice [SECURITY] debug has the following vulnerability: 1 low. Go here
for more details: https://nodesecurity.io/advisories?search=debug&version=2.0.0
- Run `npm i npm@latest -g` to upgrade your npm version, and then `npm audit` t
o get more info.
npm WARN notice [SECURITY] negotiator has the following vulnerability: 1 high. G
o here for more details: https://nodesecurity.io/advisories?search=negotiator&ve
rsion=0.4.9 - Run `npm i npm@latest -g` to upgrade your npm version, and then `n
pm audit` to get more info.
npm WARN notice [SECURITY] ms has the following vulnerability: 1 moderate. Go he
re for more details: https://nodesecurity.io/advisories?search=ms&version=0.6.2
- Run `npm i npm@latest -g` to upgrade your npm version, and then `npm audit` to
get more info.
npm WARN notice [SECURITY] growl has the following vulnerability: 1 critical. Go
here for more details: https://nodesecurity.io/advisories?search=growl&version=
1.9.2 - Run `npm i npm@latest -g` to upgrade your npm version, and then `npm aud
it` to get more info.
npm WARN notice [SECURITY] fresh has the following vulnerability: 1 high. Go her
e for more details: https://nodesecurity.io/advisories?search=fresh&version=0.3.
0 - Run `npm i npm@latest -g` to upgrade your npm version, and then `npm audit`
to get more info.

> pre-commit@1.2.2 install C:\Users\lyzh\antd-demo\node_modules\pre-commit
> node install.js

> spawn-sync@1.0.15 postinstall C:\Users\lyzh\antd-demo\node_modules\spawn-
sync
> node postinstall

npm notice created a lockfile as package-lock.json. You should commit this file.

npm WARN eslint-config-airbnb@12.0.0 requires a peer of eslint-plugin-import@^1.
16.0 but none is installed. You must install peer dependencies yourself.
npm WARN eslint-config-airbnb-base@8.0.0 requires a peer of eslint-plugin-import
@^1.16.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.4 (node_modules\fse
vents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@
1.2.4: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"}
)

added 928 packages in 148.716s
npm install end

---

antd-init@2 仅适用于学习和体验 antd，如果你要开发项目，推荐使用 dva-cli 进行项目
初始化。dva 是一个基于 react 和 redux 的轻量应用框架，概念来自 elm，支持 side ef
fects、热替换、动态加载等，已在生产环境广泛应用。
antd-init@2 is only for experience antd. If you want to create projects, it's be
tter to init with dva-cli. dva is a redux and react based application framework.
elm concept, support side effects, hmr, dynamic load and so on.

Usage:

npm install dva-cli -g
dva new myapp
cd myapp
npm start

Visit https://github.com/dvajs/dva to learn more.

C:\Users\lyzh\antd-demo>npm start

> @ start C:\Users\lyzh\antd-demo
> dora --plugins webpack

dora: listened on 8000
� 246/246 build modules
webpack: bundle build is now finished.

更多企业内的技术应用和使用技巧，请移步至我的公众号【程序员实用技能】

AntDesign安装和环境配置相关推荐

Laravel教程一：安装及环境配置
Laravel教程一:安装及环境配置此文章为原创文章,未经同意,禁止转载. Homestead 最近在SF上面看到越来越多的Laravel相关的问题,而作为一个Laravel的脑残粉,本来打算有机 ...
linux debian系统卸载jdk,Debian/Ubuntu系统 JDK卸载、安装、环境配置
环境:Linux内核版本4.17.Oracle jdk-11.0.2(JDK 8同样也是设置).Debian9系统注意: 1.Open JDK和Oracle JDK的安装过程只是下载的连链接不一样 ...
python3.6安装教程-python3.6环境安装+pip环境配置教程图文详解
1.python安装可以跨平台 2.有两个版本2.7和3.6,第三方库适用2.7版,两个版本不兼容 windows安装: 第一种方法官网安装: 在官网下载安装包如图: 图下点击是默认下载32位所以我们 ...
python详细安装教程环境配置-python3.6环境安装+pip环境配置教程图文详解
1.python安装可以跨平台 2.有两个版本2.7和3.6,第三方库适用2.7版,两个版本不兼容 windows安装: 第一种方法官网安装: 在官网下载安装包如图: 图下点击是默认下载32位所以我们 ...
python详细安装教程环境配置-python环境安装详细步骤
python环境怎么安装 1.准备好安装包 1)上python官网下载python运行环境(https://www.python.org/downloads/),目前比较稳定的是python-3.5. ...
linux下svn客户端安装及环境配置
一.svn客户端安装及环境配置. 果所在的linux机器上没有安装svn客户端,则首先安装svn客户端: 1. subversion-1.4.3.tar.bz2 subversion-deps-1. ...
python Appium安装及环境配置 mitmproxy安装配置
本文仅供学习交流使用,如侵立删! Appium安装及环境配置环境配置 1.JDK安装下载链接链接:https://pan.baidu.com/s/1dgytn7hN35fnFw9lN4jEQA ...
python3.6.0怎么安装pip_python3.6环境安装+pip环境配置教程图文详解
1.python安装可以跨平台 2.有两个版本2.7和3.6,第三方库适用2.7版,两个版本不兼容 windows安装: 第一种方法官网安装: 在官网下载安装包如图: 图下点击是默认下载32位所以我们 ...
windows配置gitlab秘钥并测试_你了解多少Linux系统GitLab安装与环境配置？
Linux系统GitLab安装与环境配置注意:虚拟机的内存至少2G以上一. 从GitLab官网获取安装方法和步骤: https://about.gitlab.com/installation/#c ...

AntDesign安装和环境配置

AntDesign安装和环境配置相关推荐

最新文章

热门文章