Node开发入门
一、安装Node环境二、安装工具supervisor:代码热更新npminstall-gsupervisor三、模块化模块分类:内置模块/系统模块/核心模块:安装nodejs时
一、安装Node环境
二、安装工具
- supervisor:代码热更新
npm install -g supervisor
三、模块化
模块分类:
- 内置模块/系统模块/核心模块:安装nodejs时,内置的模块
- 自定义模块:将一个模块封装到一个js文件中
模块化规范CommonJS:
导出:exports或者module.exports
- exports方式:
//导出一个基本数据类型 exports.name = "Herrona" //导出一个函数 exports.speak = function(){ return "my name is Herrona" }
- module.exports方式(默认导出,只有一个导出量时使用)
//导出一个对象
module.exports = {
name: "Herrona"
}
导入:
- 导入内置模块:
const 模块名称 = require('模块名称')
- 导入自定义模块:
const 模块名称 = require("模块文件路径")
- 导入第三方模块(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 模块
发表评论
评论列表
- 这篇文章还没有收到评论,赶紧来抢沙发吧~