打开cmd,如何是在c盘,则可直接进入,如在其他盘则输入e: 进入e盘 ,然后输入cd 把文件夹拖入减去即可
1、新建package文件夹,打开cmd,然后找到文件夹,拖到cmd里面
2.输入命令npm init进行配置npm init
package name: (package) tr
version: (1.0.0) 1.1.1
description: 这是一个学习简单配置babel的过程
entry point: (index.js) 入口
test command: (脚本测试)
git repository: (github仓库地址)
keywords: babel (关键字)
author:
license: (ISC) MIT (协议)
3、下载安装jquery包npm install --save-dev jquery
4、cnpm install --save-dev babel-cli 安装babel-cli
这句命令输入后,文件夹中会出现,文件夹
[图片上传失败...(image-38c5d8-1540633776502)]
image.png[图片上传失败...(image-e6a6bb-1540633776502)]
image.png5、cnpm install babel-preset-env --save-dev 巴别预置-ENV
6、创建 .babelrc文件 文件里面写
{
"presets": ["env"]
}
[图片上传失败...(image-8923d8-1540633776502)]
image.png7.在package.json文件中添加一句话 "build": "babel js -d build"
并且创建文件夹是js和build,js是转译前的文件夹,build是转译后的文件夹
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
测试文件,es6与es5之间的转译"build": "babel js -d build"
},
8、npm run build 运行
package.json文件
{
"name": "tr",
"version": "1.1.1",
"description": "这是一个学习简单配置babel的过程",
"main": "index.js",
"scripts": {
"test": "echo \"Error: no test specified\" && exit 1",
测试文件,es6与es5之间的转译"build": "babel js -d build"
},
"keywords": [
"babel的学习"
],
"author": ,
"license": "MIT",
"devDependencies": {
"babel-cli": "^6.26.0",
"babel-preset-env": "^1.7.0",
"jquery": "^3.3.1"
}
}
创建文件的目录
[图片上传失败...(image-3438a5-1540633776501)]
image.png简写:cnpm i -D(插件名)@(版本号)
全写:cnpm install --save-dev babel-cli(插件名)
第二种
在当前的package.json修改版本号,然后cnpm i
npm查看模块全部版本jquery
npm view jquery versions
``
网友评论