開啟vue項目不關(guān)閉的后果
問題描述:
新手使用idea或webstorm工具開發(fā)vue,使用Terminal命令行npm run dev 運行項目,,無法輸入命令關(guān)閉比項目
解決方案:
打開Terminal窗口按鍵盤【Ctrl】+【C】,提示是否關(guān)閉,鍵盤輸入 【y】退出
VUE項目常用的命令
安裝vue-cli npl install vue-cli -g vue init webpack my-project 初始化項目 npm install 安裝項目依賴 -->>npm run build 生成上線目錄部署 nmp run dev 在localhost啟動測試服務(wù)器
步驟一 1.完成node.js安裝搭建 目的:配合前端開發(fā)搭建 為全局工作 方法:通過官網(wǎng)下載 安裝 .msi文件(微軟標(biāo)準(zhǔn)安裝包文件) 驗證: 通過cmd 命令窗口 輸入node 進入node工作狀態(tài) 輸入console.log(1); 驗證node是否可以工作 退出 輸入npm -v 查詢版本 2.配置環(huán)境變量 配置"主機用戶變量"(環(huán)境變量上面一欄) 設(shè)置PATH 變量 值為C:\Users\lenovo\AppData\Roaming\npm 3.git-bash軟件安裝配置 4.cd 項目地址 5.cnpm install安裝依賴 說明:cnpm為國內(nèi)常用下載依賴配置方式 國外一般用npm 當(dāng)然 以實際速度為準(zhǔn) 易產(chǎn)生問題:npm 與cnpm版本不一致 建議使用別名設(shè)置方法
步驟二 1.安裝腳手架工具
輸入cnpm install vue-cli -g
2.輸入vue --help 看常用命令
3.輸入vue -V 看版本
4.輸入vue list 看官方模板,
5.輸入vue init webpack 項目包名字
項目名輸入
項目描述
ESLint 代碼檢查工具 使用了會對你代碼格式進行嚴格檢查 測試工具是否使用 完成項目創(chuàng)建 6.項目創(chuàng)建后 主要文件在src中建立 主頁為index.html package.json為主要的配置文件 其中有兩個腳本為: dev : node bulid/dev-server.js build : node build/build.js 開發(fā)依賴內(nèi)容為devDepencies 7.**進行項目依賴按照 進入項目文件中 輸入cnpm install 項目依賴配置完成 按照完畢后 項目文件夾多一個node_modules/ 目錄 8.輸入npm run dev 項目啟動 9.npm run build 生成項目部署文件
原文鏈接:https://blog.csdn.net/qq_41247433/article/details/79964889?utm_medium=distribute.pc_aggpage_search_result.none-task-blog-2~all~first_rank_v2~rank_v25-1-79964889.nonecase
|