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