美文网首页
Node.js配置

Node.js配置

作者: 陶菇凉 | 来源:发表于2018-10-27 17:52 被阅读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
    ``
    

    相关文章

      网友评论

          本文标题:Node.js配置

          本文链接:https://www.haomeiwen.com/subject/pgidtqtx.html