注意：所有的npm 指令 在安裝了淘寶鏡像之后都可以替換成cnpm
一、安裝開發工具
推薦：
1.vscode
Download Visual Studio Code
https://code.visualstudio.com/download附上教程：VSCode安裝教程（超詳細）_『愚』的博客-CSDN博客_vscode安裝教程
2.WebStorm
附上教程：WebStorm-2021安裝教程_xudali_1012的博客-CSDN博客_webstorm下載教程
二、安裝vue
1.vue
npm install vue -g或者
cnpm install vue -g2.webpack
npm install webpack -gwebpack 4x以上，webpack將命令相關的內容都放到了webpack-cli
安裝webpack-cli：
npm install --global webpack-cli查看版本
webpack -v3.創建vue專案
教程：vue創建_Symiac的博客-CSDN博客
4.在github 或者gitee 上下載一個專案
用這個http的路徑
git clone xxxx注意：git clone的時候可以注意一下自己的路徑，直接在你想要放這個專案的地方git clone
5.初始化
進入專案的工程路徑 輸入
npm install
或者
cnpm install
注意：進入工程 ，不要直接在git clone 的路徑 比如 你在D：\DEMO 路徑下git clone 工程名字叫AA，那么在D:\DEMO\AA 這個路徑下install
6.啟動
一般指令
npm run dev因為組態檔package.json
假如報錯 查看組態檔配置
如上圖 vue-cli-service serve 配置的指令是serve
那么啟動輸入
npm run serve成功后
點擊鏈接訪問vue頁面
over~~~~
轉載請註明出處，本文鏈接：https://www.uj5u.com/qita/301013.html
標籤：其他
下一篇：軟體測驗培訓之bug管理