Node.js配置

2018-10-27  本文已影响7人  陶菇凉

打开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.png

5、cnpm install babel-preset-env --save-dev 巴别预置-ENV

6、创建 .babelrc文件 文件里面写

{

"presets": ["env"]

}

[图片上传失败...(image-8923d8-1540633776502)]

image.png

7.在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
``
上一篇下一篇

猜你喜欢

热点阅读