前端入门

这里准备记录下最近的前端学习过程。

安装 nodejs

首先看官方文档： nodejs官方安装指引

在 Ubuntu上安装如下：

curl -sL https://deb.nodesource.com/setup_6.x | sudo -E bash -sudo apt-get install -y nodejs

安装 npm

npm的官网 npm 网站

sudo apt-get install npm

然而npm 速度实在是太慢，所以有一个解决方案是 taobao做了一个同样的镜像源地址。

http://npm.taobao.org/

国内镜像源列表

当前 registry.npm.taobao.org 是从 r.cnpmjs.org 进行全量同步的.当前 npm.taobao.org 运行版本是: cnpmjs.org@本系统运行在 Node.js@ 上.开源镜像: http://npm.taobao.org/mirrorsNode.js 镜像: http://npm.taobao.org/mirrors/nodealinode 镜像: http://npm.taobao.org/mirrors/alinodephantomjs 镜像: http://npm.taobao.org/mirrors/phantomjsChromeDriver 镜像: http://npm.taobao.org/mirrors/chromedriverOperaDriver 镜像: http://npm.taobao.org/mirrors/operadriverSelenium 镜像: http://npm.taobao.org/mirrors/seleniumNode.js 文档镜像: http://npm.taobao.org/mirrors/node/latest/docs/api/index.htmlNPM 镜像: https://npm.taobao.org/mirrors/npm/electron 镜像: https://npm.taobao.org/mirrors/electron/node-inspector 镜像: https://npm.taobao.org/mirrors/node-inspector/

加速 npm

安装 cnpm方法：

npm install -g cnpm --registry=https://registry.npm.taobao.org

这个是安装 cnpm的方式，用这个代替 npm就好了。

或者修改 npm的源地址：

npm config set registry https://registry.npm.taobao.org

如果发现模块没有，可以同步：

cnpm sync connect

安装 react

react 官网地址位： react官网 给出了详细的安装方案。

npm install -g create-react-appcreate-react-app my-appcd my-appnpm start

然后会出现：

Compiled successfully!You can now view my-app in the browser.  Local:            http://localhost:3000/  On Your Network:  http://172.17.142.115:3000/Note that the development build is not optimized.To create a production build, use npm run build.

访问:http://localhost:3000/就可以看到了。