Node开发入门

一、安装Node环境

二、安装工具

  1. supervisor:代码热更新
npm install -g supervisor

三、模块化

模块分类:

  1. 内置模块/系统模块/核心模块:安装nodejs时,内置的模块
  2. 自定义模块:将一个模块封装到一个js文件中

模块化规范CommonJS:

导出:exports或者module.exports
  1. exports方式:
//导出一个基本数据类型
exports.name = "Herrona"
//导出一个函数
exports.speak = function(){
	return "my name is Herrona"
}
  1. module.exports方式(默认导出,只有一个导出量时使用)
//导出一个对象
module.exports = {
	name: "Herrona"
}
导入:
  1. 导入内置模块:
const 模块名称 = require('模块名称')
  1. 导入自定义模块:
const 模块名称 = require("模块文件路径")
  1. 导入第三方模块(node_modules下的文件):
const 模块名称 = require("node_modules下对应文件夹的名称")  //会自动默认导入该文件夹下的index.js文件

四、npm

1. 安装与配置npm

2. package.json

(1) 生成package.json文件

在项目根目录执行命令

npm init -y
(2) 项目依赖
"dependencies": {
    "axios": "^0.21.1",
    "core-js": "^2.6.5",
    "echarts": "^4.1.0",
    "less": "^4.1.1",
    "less-loader": "^5.0.0",
    "vant": "^2.12.11",
    "vue": "^2.6.10",
    "vue-clipboard2": "^0.3.1",
    "vue-router": "^3.5.1",
    "vuex": "^3.6.2"
  },

版本号正则:

^ 表示第一位版本号不变,后面两位取最新
~ 表示前两位不变,最后一位取最新
* 表示全部取最新
(3) 开发工具 devDependencies
"devDependencies": {
    "@babel/plugin-transform-runtime": "^7.13.15",
    "@babel/preset-env": "^7.14.1",
    "@vue/cli-plugin-babel": "^3.8.0",
    "@vue/cli-service": "^3.8.0",
    "node-sass": "^4.14.1",
    "sass-loader": "^7.3.1",
    "style-loader": "^2.0.0",
    "vue-template-compiler": "^2.6.10"
  }

4. 下载第三方包:npm资源站点

5. 常用命令

(1) 查看版本
npm -v 
(2) 安装

安装最新版本的模块

npm install 模块名称

安装指定版本的包

npm install 模块名称@版本号

安装选项:
-g 全局安装
–save 保存到package.json的dependencies
–save-dev 保存到package.json的devDependencies

(3) 卸载
npm uninstall 模块
(4) 列出已安装的模块(及其子模块)
npm list
(5) 查看模块的版本等信息
npm info 模块
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值