<七>vue腳手架
阿新 • • 發佈：2021-12-11
前面已經學習了vue的一些基礎，現在開始學習使用vue官方提供的一個腳手架，什麼叫腳手架，就是一個完整的基礎專案架構。
1、npm的安裝，npm是npm 是 JS 的包管理工具，npm的伺服器上會收集了很多常用的js相關的檔案包，可以利用npm來下載專案模組的依賴包
到node.js官網下載node.js 。安裝完成後 輸入如下命令檢視是否安裝成功。
2、npm命令
- 安裝指定模組：
npm install 包名【全域性安裝，加上引數-g】 - 安裝檔案package.json裡面所包含的所有模組：
npm install - 解除安裝模組：
npm uninstall 包名 - 解除安裝和從package.json中刪除模組
npm uninstall --save 包名 - 啟動專案：
npm start - 檢視已經安裝的模組：
npm ls - 升級npm版本:
npm install -g npm - npm下載模組的時候如果慢，可以使用國內的cnpm：
npm install -g cnpm --registry=http://registry.npm.taobao.org
3、安裝vue 腳手架
npm install -g vue-cli
輸入命令檢視是否安裝成功
vue -V
4、安裝打包工具：webpack
npm install webpack -g
npm webpack -v
5、使用腳手架來建立一個vue專案：
vue init webpack my-project
這樣就安裝完成了。
6、用vscode 開啟專案檔案，新建一個終端，輸入命令
npm run dev
訪問8080 埠,顯示下面的介面。就說明建立成功了。