Vue 之 npm 及 安裝的包


1  npm相關

  1.1 npm 是 基於Node.js 的,所以要先安裝Node.js

  在瀏覽器地址欄輸入https://nodejs.org/en/, 進入Node.js官網后,點擊下載左邊的穩定版本,如下圖所示:

  

  1.2  npm 管理工作目錄

    對於要創建Vue項目的工作目錄先通過 "npm init -y"的命令進行管理

  1.3  npm 下載依賴包

    npm install(可以簡寫成 i)包的名稱 @xxx(@xxx是包的版本)

  1.4  npm 卸載包

    npm uninstall 包名稱 

  1.5  npm 更新包

    npm update 包名稱

2、webpack相關

  2.1 webpack的安裝

    npm install webpack  webpack-cli(現在的webpack是和webpack-cli共同使用的)

    npm install -g webpack  全局安裝

  2.2  webpack的模式切換

    webpack --mode development  開發環境下的  文件打包不壓縮

    webpack --mode production  生產環境下的  將文件壓縮

  2.3  默認的入口文件

    src文件夾下的index.js文件

  2.4  默認的出口文件

    dist文件夾下的main.js文件

3、vue-cli相關

  3.1  vue-cli的安裝

    npm install -g vue-cli  全局安裝

    指定文件下  npm install vue  局部安裝

  3.2  創建一個webpack打包的項目

    vue init webpack  項目名稱

  3.3  運行項目

    創建完成之后:

    cd 到這個文件下

    npm run dev 運行這個項目

  3.4  打包文件

    npm run build

    


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM