有留意到看板娘这么个东西,简直就是我们程序员+动漫迷的挚爱.但是回观网上,大多只是在老旧的html的静态引入.vue甚至也有几个不怎么维护的,还是老旧的不行的SDK2.X的版本.这这这这!我们的react开发者怎么能忍!!所以,我基于SDK4.X(没错,就是live2d官网最新的那个)封装了一个咱们react开发者的看板娘·~~接下来这篇文章就是我们react开发者引入看板娘的过程啦~ 首先上示例图 熟悉的logo加上看板娘的同时存在~,还用我说什么吗~ 这就是咱们react的看板娘啦!! 引入

npm+webpack+babel+react安装 1.首先要安装 Node.js, Node.js 自带了软件包管理器 npm 2.在项目文件目录下生成package.json # 进入项目目录$ npm init 3.用 npm 安装 Webpack $ npm install webpack -g 此时 Webpack 已经安装到了全局环境下,通常我们会将 Webpack 安装到项目的依赖中,这样就可以使用项目本地版本的 Webpack. # 进入项目目录# 安装 webpack 依赖:$

1.nodejs安装 下载安装包,解压.如果是已编译文件,在/etc/profile中设置PATH(/etc/profile文件中的变量设置,所有用户可用,但需求重启服务器),并source /etc/profile.如果不是则进行编译安装. node -v 显示版本号则安装成功. 2.react环境 2.1react脚手架下载 npm install -g create-react-app 国内网络较慢可指定仓库 npm install -g create-react-app --regist

1.安装 node  8.0以上 node -v npm -v 2.安装淘宝镜像 cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 3.用 cnpm 安装 react,依次输入命令 cnpm install -g create-react-app create-react-app my-app cd my-app/ npm start 4.运行后:http://localhost:3000/

在运行一个React项目的时候浏览器控制台会提醒你去安装react devtools调试工具. Download the React DevTools for a better development experience: https://fb.me/react-devtools 看到浏览器控制台这种说明,很是不舒服,于是就安装了react devtools浏览器扩展插件. https://fb.me/react-devtools 此链接打不开,应该需要FQ. 所以还是直接从github上面下

全局安装react脚手架工具 首先全局进行安装:cnpm install create-react-app -g 查看是否安装完成:create-react-app 创建react项目:create-react-app <项目名> 如果create-react-app出现如下错误时: 1.//换源 npm config set registry https://registry.npm.taobao.org 2.//配置后通过以下方法验证是否成功 npm config get registry

create-react-app 是来自于 Facebook的脚手架,通过该命令我们无需配置就能快速构建 React 开发环境. 安装步骤: 1.先装脚手架     PS:第一次装直接在打开CMD默认状态下,C盘装的 npm install -g create-react-app 2.在D盘新建文件夹react,  进入react,  cd  react create-react-app my-keep //my-keep 为你的项目名 3.进入你的项目  cd  my-keep npm run

学习React之前.你可能需要学习: Html5.Css3.React.Antd.js. Html5的学习网站:http://www.w3school.com.cn/ Css3学习网站:http://www.runoob.com/css3/css3-tutorial.html React技术学习网站:https://react.bootcss.com/react/ Antd.js学习网站:https://ant.design/index-cn 开发环境: 1.Node.js的安装,在打开http

1. npm install -g create-react-app 2. create-react-app my-app 3. cd my-app npm start 4.浏览器打开  http://localhost:3000

react的安装依赖nodejs,nodejs安装下载可从http://nodejs.org/en/下载 1.   环境安装 1.1      创建lib目录 cd E:\ReactLib 1.2      安装全局webpack包 npm install webpack -g 1.3      新建一个package.json依赖管理文件 npm init 1.4      安装webpack依赖包 npm install webpack --save-dev 2.   webpack 基本入

React安装在使用react时 需要安装 两个模块 react react-dom 初始化时 需要用到react-dom中的render方法 具体如下: import ReactDOM from "react-dom" ReactDOM.render(<div>test</div>,document.getElementById("app"),()=>{ console.log("应用初始化完毕") }) 或者 i

博客地址 :https://www.cnblogs.com/sandraryan/ 安装node ,有就跳过. node.js官网:https://nodejs.org/en/ 终端用node -v 和 npm -v 来查看版本号. 用npm 安装 create-react-app工具,自动地在本地目录中创建react项目. npm install -g create-react-app 全局安装create-react-app脚手架工具,使用命令创建新的react项目. create-reac

title: Hexo 添加 Live2D看板娘 二次元什么的最喜欢了[大好きです] 准备 项目地址 live2d模型 部分模型预览 开始 首先进入Hexo博客根目录安装live2d插件 $ npm install --save hexo-helper-live2d 接着,修改根目录下的 _config.yml 文件 添加自定义配置(下面提供我的配置做参考): ## live2d live2d: enable: true scriptFrom: local pluginRootPath: liv

在@m0d1 大佬的督促(?)下有了这篇复盘.不过因为可能很多地方讲得不全面+理解不够深入,故不打算把这篇当成是教程/指南,那就算是一个指北吧= = (划重点:不是教程!不是教程!不是教程! 省流简介:机缘巧合之下看到了stevenjoezhang/live2d-widget的多交互live2d,有点心动但是模型太少不太合口味:又是一个机缘巧合之下看到了Eikanya/Live2d-model中有收集解包食物语的live2d模型,发现了本命菜,顿时动力++,感觉能结合live2d-widget提

React.js学习之环境搭建 1 工欲善其事必先利其器:前端开发工具 1.1 WebStorm和Sublime Text Sublime Text:作为代码编辑器,Sublime Text的优点如下: 主流前端开发编辑器 体积较小,运行速度快 文本功能强大 支持编译功能且可在控制台看到输出 内嵌python解释器支持插件开发以达到可扩展目的 Package Control:ST支持的大量插件可通过其进行管理 WebStorm:是jetbrains公司旗下一款JavaScript 开发工具.被广

前言 最近项目用到react,其实前年我就开始接触react,时光匆匆,一直没有时间整理下来(太懒啦)!如今再次用到,称工作间隙,对全家桶做一次总结,项目源码地址.废话不多说,上码. 创建一个文件目录并初始化package.json mkdir react-Buckets npm init 填好相关信息如图 安装webpack 需要有全局安装哦,不然一会用webpack编译时会报错的 关于装依赖加入package.json时,加 --save-dev表示开发环境要用的依赖,如果加 -save表示

1.下载node.js Node.js官网下载 , 安装: 安装成功后在控制台输入node -v 可查看当前版本: $ node -v v10.15.0 输入npm -v查看npm版本: $ npm -v 2.创建项目 1.安装各种需要的依赖: npm install --save react - 安装React. npm install --save react-dom 安装React Dom,这个包是用来处理virtual DOM.这里提一下用React Native的话,这里就是安装rea

一.类:es6 <script type="text/babel"> class Person{ age = 10; constructor(name){ this.name = name; //this.age = 10; } getName(){ return this.name; } getAge(){ return this.age; } } let p = new Person("aaa"); console.log(p.getName());

首先要准备react开发环境以及js-xlsx插件 1. 此处省略安装react安装步骤 2.下载js-xlsx插件 yarn add xlsx 或者 npm install xlsx 在项目中引入 import * as XLSX from 'xlsx'; 定义插件,并暴露出去 /** * @author tangzedong.programmer@gmail.com * @apiNote excel预览插件 * @since 2019-02-14 10:36:42 */ export def

使用Webpack构建React项目 1. 使用NPM配置React环境 NPM及React安装自行百度 首先创建一个文件夹,the_first_React 进入到创建好的目录,npm init,然后一路回车 新建src目录,在src中新建js文件夹,并在js中新建index.js文件 npm install --save react react-dom babelify babel-preset-react npm install babel-preset-es2015 --save 安装一些

1 工欲善其事必先利其器:前端开发工具 1.1 WebStorm和Sublime Text Sublime Text:作为代码编辑器,Sublime Text的优点如下: 主流前端开发编辑器 体积较小,运行速度快 文本功能强大 支持编译功能且可在控制台看到输出 内嵌python解释器支持插件开发以达到可扩展目的 Package Control:ST支持的大量插件可通过其进行管理 WebStorm:是jetbrains公司旗下一款JavaScript 开发工具.被广大中国JS开发者誉为“Web前端