https://nodejs.cn/download/

npm config set cache "D:\Software\Node\npm_cache"
npm config set prefix "D:\Software\Node\npm_global"

npm config set registry https://registry.npmmirror.com

npm config get registry

https://www.npmjs.com/

// 1. 加載 fs 模塊，
const fs = require('fs')
//    參數(shù)1：讀取文件的存放路徑
//    參數(shù)2：編碼格式，默認 utf8
//    參數(shù)3：回調(diào)函數(shù)
fs.readFile('./zhifou.txt', 'utf8', function (err, data) {
  if (err) {
    return console.log('讀取失敗！' + err.message)
  }
  console.log(data)
})

// 1. 加載 fs 模塊，
const fs = require('fs')

//  參數(shù)1：文件路徑
//  參數(shù)2：寫入的內(nèi)容
//  參數(shù)3：回調(diào)函數(shù)
fs.writeFile('./hello.txt', '鋤禾日當午，汗滴禾下土', function (err) {
  if (err) {
    return console.log('寫入失??！' + err.message)
  }
  console.log('寫入成功！')
})

// 1. 加載 fs 模塊，
const fs = require('fs')

//  參數(shù)1：文件路徑
//  參數(shù)2：寫入的內(nèi)容
//  參數(shù)3：回調(diào)函數(shù)
console.log(__dirname)
fs.writeFile(__dirname + '/hello.txt', '鋤禾日當午，汗滴禾下土', function (err) {
  if (err) {
    return console.log('寫入失??！' + err.message)
  }
  console.log('寫入成功！')
})

const path = require('path');
let pathA = "/a";
let pathB = "/b";
let pathC = "/c";
let finalPath = path.join(pathA, pathB, pathC);
console.log(finalPath);

const path = require('path');
const fpath = '/a/b/zhifou.js'
const fullName = path.basename(fpath)
console.log("name1:", fullName)
const fileName = path.basename(fpath, '.js')
console.log("namew:", fileName)

const path = require('path');
const filePath = '/a/b/zhifou.js'
const name = path.extname(filePath)
console.log("name:", name)

// 1. 導入 http 模塊
const http = require('http')

// 2. 創(chuàng)建 web 服務(wù)實例
const server = http.createServer()

// 3. 為服務(wù)器實例綁定 request 事件，監(jiān)聽客戶端的請求
server.on('request', (req, res) => {
  // req.url 是客戶端請求的 URL 地址
  const url = req.url

  // 調(diào)用 res.setHeader() 方法，設(shè)置 Content-Type 響應頭，解決中文亂碼的問題
  res.setHeader('Content-Type', 'text/html; charset=utf-8')
  // req.method 是客戶端請求的 method 類型
  const method = req.method
  const str = `請求的的 url 是 ${url}, 請求的方法類型是 ${method}`
  console.log(str)

  // 響應數(shù)據(jù)
  res.end(str)
})

// 4. 啟動服務(wù)器
server.listen(8081, function () {
  console.log('server running at http://127.0.0.1:8081')
})

const math = require('./math');
const testPrint = require('./print');

console.log(math.add(100, 200));
console.log(testPrint.print('知否技術(shù)'));

npm init -y

let name = "知否君";
let age = 23;
function desc() {
    console.log("公眾號：知否技術(shù)");
}
export default {
    name, age, desc
}

export default {
    name: "知否君",
    age: 23,
    desc: function () {
        console.log("公眾號：知否技術(shù)");
    }
}

let name = "知否君";
let age = 23;
function desc() {
    console.log("公眾號：知否技術(shù)");
}
export {
    name, age, desc
}

export let name = "知否君";
export let age = 23;
export function desc() {
    console.log("公眾號：知否技術(shù)");
}

import common from './common.js'
console.log(common);

import { name, age } from './common.js'
console.log(name);
console.log(age);

npm 就好比是一個前端的插件商店，里面有各種開發(fā)者寫的包，你需要的時候就從命令行安裝就可以了。

vue 的開發(fā)本身是不依賴 node 的，不過 vue 的腳手架 vue-cli 里面集成的 webpack 是基于 node 開發(fā)出來的，因此只能說 webpack 是依賴 node 的。

Vite 是一個前端構(gòu)建工具，它需要 nodejs 環(huán)境來運行，因為它的命令行工具和構(gòu)建腳本都是基于 nodejs 的。

npm 是 nodejs 的包管理器（package manager）。我們在 nodejs 上開發(fā)時，會用到很多別人已經(jīng)寫好的 JS 代碼，

如果每當我們需要別人的代碼時，都根據(jù)名字搜索一下，下載源碼，解壓，再使用，會非常麻煩。于是就出現(xiàn)了包管理器 npm 。

大家把自己寫好的源碼上傳到 npm 官網(wǎng)上，如果要用某個插件，直接通過 npm 安裝就可以了，不用管那個源碼在哪里。

并且如果我們要使用模塊 A ，而模塊 A 又依賴模塊 B ，模塊 B 又依賴模塊 C 和 D，此時 npm 會根據(jù)依賴關(guān)系，把所有依賴的包都下載下來并且管理起來。

通常，當你在項目中執(zhí)行 “npm run dev” 時，它會啟動一個開發(fā)服務(wù)器。這個服務(wù)器的主要目的是在開發(fā)過程中為你的前端應用提供服務(wù)。

例如，在一個 Vue 項目中，這個開發(fā)服務(wù)器可能是由 vite 提供的。它會監(jiān)聽項目中的文件變化，當你修改了代碼后，服務(wù)器會自動重新加載頁面，讓你能夠立即看到修改后的效果，而無需手動刷新頁面。這樣可以大大提高開發(fā)效率，讓你能夠快速迭代和調(diào)試代碼。