2022/11/30

NPM node package manager

  • NPM node package manager 列入NodeJS默認模塊管理工具 
    • npm -v
  • NPM兩大核心
    • 模塊倉庫 Register/Repository 
      • 內置模塊 built-in modules
        • http ... etc
      • 第三方模塊 3rd party modules
    • CLI 命命行介面
  • NPM 模塊查詢頁面
    • https://www.npmjs.com/
  • NPM CLI
    • 下載 更新 卸載模塊
    • 指令
      • npm init 初始化項目 
        • 生成 package.json
      • npm intall xxx@version   安裝xxx模塊
        • npm install --save xxx (默認)
        • 所有被安裝的模塊都會被保存在 node_modules
          • xxx模塊內也有package.json
      • npm uninstall xxx 卸載xxx模塊
        • 清除node_modules
      • npm -l 查看
      • npm install --save-dev mockjs 安裝開發用的模塊
      • npm install 依照package.json內容下載安裝所有模塊
  • package.json
    • "dependencies"  項目需要依賴的第三方模塊
    • "devDependencies" 項目開發依賴 , 不會打包
  • /node_modules
    • 所有被安裝的模塊都會被保存在 node_modules
  • /dist 
    • 編譯後待發布的檔案

2022/11/28

Vue 筆記

  • 核心
    • 聲明式編碼:
      • 插值語法&指令語法


  • vscode extension plugin
    • open in browser
    • Vue 2 Snippets
    • Live Server
  • dev tool & Vue config
    • Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列 property

    • $ 符號開頭為vue提供給程序員使用的屬性


  • vue cli
    • vue --version
    • npm install -g @vue/cli
    • vue create 項目
  • MVVM模型

  • Vue 數據代理











test2