首页 > 其他 > 详细

react npm初始化的使用

时间:2020-06-21 00:22:00      阅读:96      评论:0      收藏:0      [点我收藏+]

nmp网址 https://www.nmpjs.com/package/react

npm install react

查看是否安装成功 npm -v

react -v

配置npm淘宝镜像 淘宝镜像地址https://nmp.taobao.org

1.安装淘宝镜像 sudo npm install -g cnpm —rigistry=https://registry.npm.taobao.org

 

 

查看是否安装成功 cnpm -v

2.配置淘宝镜像

windows: Nodes安装目录下node_modules\npm\npmrc

mac: cd ~

atom .npmc

输入rigistry=https://registry.npm.taobao.org

 

React调试环境配置

1.进入react官网。2.本地新建一个文件夹,命令行进入文件夹 3 npm init. 按照指示只输入括号中的提示,如果不需要可以按enter键跳过(输入name,entry point: index.js)

5.安装必要的组件,按照react官网输入命令

sudo npm install —save react react-dom babelify babel-preset-react

6安装es2015

sudo npm install babel -preset-es2015 —save

7使用wepack打包运行

在项目中新建webpack.config.js

 

var webpack = require(‘webpack’);

var path = require(‘path’);

 

module.exports = {

context:__dirname + ‘/src’,

entry:’.js/index.js’,

module:

}

 

React相关插件

atom

atom-ternjs

格式化- atom-beautify 

直接打开浏览器 open-in-browser

快速html代码 emmet

文件图标file-icons

高亮当前行 highlight-line

高亮所有选择highlight-selected

 

react npm初始化的使用

原文:https://www.cnblogs.com/sundaysme/p/13171033.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!