Windows系統下Vue開發環境搭建詳解版

2022-08-23 02:09:11 字數 2005 閱讀 3289

❤記在前面

之前學js也踩過很多坑,第一次用部落格記錄這些過程,一方面自己以後能夠回顧,另一方面也希望能幫助跟我自己一樣遇到同樣問題的朋友

ps:不會的就去搜,去問,千萬不要覺著遇到難點了,暫時走不下去了,就放棄!!!大家一起學習進步~~~

一、首先是windows系統,需要安裝node.js和git

windows版本     這個不用自己再配置環境變數,一直點next安裝完成即可

3.檢查自己的node安裝是否正確

開始->cmd->node -v       版本號要大於6

二、安裝映象cnpm(國內npm太慢)(由於我的安裝過了,所以下面的我就只輸入命令演示了)

還是在cmd中,鍵入:npm install -g cnpm –registry= 回車

三、安裝vue.cli腳手架

依舊是在cmd中輸入: cnpm install -g vue-cli 回車     安裝需要稍等一會

等到讓你輸入東西的時候,驗證是否安裝完成:cmd中輸入:vue

四、建立乙個專案(一定要記得建立乙個資料夾,記好存放位置)我第一次安裝的時候沒有建立,所以又重新安裝了一次

記得建立的檔案路徑中不要有中文!!!我的路徑是j->yjs->web->vue->test

cmd中進入此資料夾:

建立專案: vue init webpack my-vue-project 回車

第乙個專案名稱(直接回車)    第二個專案描述(隨便寫)    第三個作者    第四個直接回車   

之後的都是根據問題回答yes or no,如果嫌麻煩可以直接enter一路就可以了

vue-router 路由外掛程式        eslint **檢查工具        unit test 單元測試        nightwatch 測試框架   (都可以選擇no)

做完這一步,可以去test資料夾下看,會出現my-vue-project

在cmd中開啟my-vue-project   (mac下用ls檢視資料夾-------windows下用dir)

讓專案跑起來

成功之後出現

Windows系統下開發使用總結

其他快捷鍵 cmd指令 win r 開啟windows執行視窗 輸入下列命令,就可以開啟相應程式 命令介紹 mstsc 開啟遠端桌面連線 services.msc 開啟service面板 calc 開啟計算器 alt 1 普通計算器,alt 2 科學型計算器,alt 3 程式設計師計算器 reged...

如何正確入門Windows系統下驅動開發領域

標 題 原創 如何正確入門windows系統下驅動開發領域?根據看雪建議更新了1次 作 者 豬頭三時 間 2010 10 30,12 18 31 鏈 接 作者 豬頭三作者 貢獻者 1 defddr 看雪學院 2 studyrush 看雪學院 序言 很多人都對驅動開發有興趣,但往往找不到正確的學習方式...

windows搭建vue開發環境

windows搭建vue開發環境 一 安裝node.js 二 設定nodejs prefix 全域性 和cache 快取 路徑 1 在nodejs安裝路徑下,新建node global和node cache兩個資料夾 2 設定快取資料夾 npm config set cache e node nod...