从零开始构建前端项目

1、下载node
http://nodejs.cn/download/
根据自己电脑系统选择对应的包,并安装,在此过程中npm也顺带安装了。
2、生成package.json
执行命令:

npm init

在此过程中会被要求输入一系列配置信息,可以不填直接回车。关于package.json的讲解可以参考:http://javascript.ruanyifeng.com/nodejs/packagejson.html
3、使用npm安装相关依赖
关于npm的讲解可以参考http://javascript.ruanyifeng.com/nodejs/npm.html#
4、安装webpack和webpack-cli
全局安装:
npm install -g webpack
npm install -g webpack-cli
局部安装:
npm install --save-dev webpack
npm install --save-dev webpack-cli
在开发时使用webpack-dev-server的情况居多,它可以开启一个web服务,并实时检测代码的更新情况,然后在浏览器中实时更新。
关于webpack和webpack-dev-server的相关知识可以参考https://blog.csdn.net/Sunny2011111/article/details/80000897
5、在package.json中配置命令
“scripts”: {
“test”: “echo “Error: no test specified” && exit 1”,
“start”: “webpack-dev-server --inline --progress --colors”
}
开启服务时输入命令:

npm run start

6、引入ajax
首先安装ajax,然后引用

var ajax = require('ajax');
ajax.get('./static/userList.json', {}, (res) => {
    console.log('success', res);
});
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值