- 博客(9)
- 收藏
- 关注
RSS订阅原创 React小项目（React+webpack+nodejs）--- 四、react入门
1、安装react、react-domnpm install react react-dom --save-dev2、安装babel-preset-latest、babel-preset-reactnpm install babel-preset-latest babel-preset-react --save-dev
2018-06-20 22:39:40
389
原创 React小项目（React+webpack+nodejs）--- 三、less文件处理
1、npm install less --save-dev首先安装less服务2、npm install less-loader --save-dev安装less-loader服务3、在 webpack config. js文件中将module配置项中css的部分修改为：{ // test: /\.css$/, // use: ['style-loader', 'css-loade...
2018-05-02 21:51:23
356
原创 React小项目（React+webpack+nodejs）--- 二、js、css、html文件处理
一、js压缩打包以及babel的配置babel我们的项目基于react，因此需要babel，它能够将jsx转换为ES5语法,也能将ES6转换为ES5语法。1、npm install babel-loader babel-core --save-dev 进一步的配置 presets npm install babel-preset-es2015 babel-preset-react -...
2018-04-25 23:24:06
449
原创 React小项目（React+webpack+nodejs）--- 一、webpack入门
新建一个名为ReactProject文件夹，进入后执行： npm init //使用init命令来初始化一个package.json文件 执行： npm install web pack --save-dev //安装webpack 在项目根路径下新建名为webpack.config.js文件并进行配置 const path = require('path'); //入口...
2018-04-23 23:04:22
1026
原创 Expresss+gulp+MongoDB搭建网站(五)--MongoDB入门
一、安装MongoDB安装包下载地址 将下载的安装包解压后，将文件名重命名为mongodb。 或者执行sudo brew install mongodb直接进行安装。二、运行MongoDB 创建一个数据库存储目录 /data/db： sudo mkdir -p /data/db 进入以下目录：cd /usr/local/mongodb/bin，执行sudo ./mongd 另开一个终端进入相同目...
2018-01-31 22:44:50
198
原创 Expresss+gulp+MongoDB搭建网站(四)--gulp详解
上一节中，我们创建了一个任务，但这个任务啥也没干，这一节，我们来学习如何通过配置gulpfile.js文件来实现我们想要的各种功能。 一、常用API 1、task gulp.task(name [, deps, fn]) 用于创建任务 其中，name 是task的名字，deps是可选项，就是这个task依赖的tasks（可以是个list），fn是task要执行的函数。
2018-01-23 23:21:41
317
原创 Expresss+gulp+MongoDB搭建网站(三)--gulp登场
我们的工程搭建好了之后，会不断修改代码进行调试，如果每一次都去手动刷新页面，会极大地损耗我们码代码的耐心，如果有一个工具能够自动监听文件变化，实现自动刷新就好了～ 铛铛铛铛～～gulp登场！ 掌声鼓励一下～～ 当然gulp的作用不止监听文件实现自动刷新，还有很多： 按模块组织代码 css／js预编译 压缩／合并文件（html/css/js/img） 根据
2018-01-22 22:03:01
239
原创 Expresss+gulp+MongoDB搭建网站(二)--创建一个工程
创建一个目录，起名为website，这就是我们以后的工程目录。 一、创建package.json文件 进入该目录，在命令行输入 npm init ，为工程创建一个package.json文件，命令要求输入一些参数，如工程名、版本号等，按回车接受默认设置。 $ npm init This utility will walk you through creating a package.j
2018-01-21 22:25:32
221
原创 Expresss+gulp+MongoDB搭建网站(一)--准备工作
一、准备工作 1、nodejs 首先安装nodejs 官网地址 安装完成之后，打开命令行，输入 node -v，可以看到： 则表示安装成功。 2、npm 简单来说，npm就是Node.js的包管理工具，类似python的pip，我们后面用到的很多包都是通过npm来安装的。 安装完成之后，打开命令行，输入 node -v，会看到如下： 简单来说，npm就是no
2018-01-21 15:00:21
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人