windows安裝部署node.js以及搭建運行第一個Vue項目

一、官網下載安裝包

官網地址:https://nodejs.org/zh-cn/download/

二、安裝程序

1、安裝過程

如果有C/C++編程的需求,勾選一下下圖所示的部分,沒有的話除了選擇一下node.js安裝路徑,直接一路next

2、測試安裝是否成功

【win+R】鍵,輸入cmd,回車

????????輸入:node -v? ? ?// 顯示node.js版本

? ? ? ? ? ? ? ?????npm -v? ? ? // 顯示npm版本

三、環境配置

1、新增系統環境變量,變量值為你安裝的路徑

2、【win+R】鍵,輸入cmd,回車,

? ? ? ????????? 輸入:npm config set prefix “路徑\node_global”

???????????????????????????npm config set cache “路徑\node_cache”

npm config set prefix "E:\node.js\node_global"
npm config set cache "E:\node.js\node_cache"

檢查路徑:

npm config get prefix
npm config get cache

備注,如果該命令路徑錯了可以用以下兩條命令刪除

npm config rm prefix
npm config rm cache

3、配置用戶環境變量?

默認的 C 盤下【?AppData\Roaming\npm?】修改成 【node_global】的路徑,點擊確定

4、配置系統環境變量

?

四、更換鏡像源

【win+R】鍵,輸入cmd,回車,

? 輸入淘寶(阿里云)鏡像:

npm config set registry https://registry.npmmirror.com

很多文章寫的鏡像源是"https://registry.npm.taobao.org/",但這個淘寶鏡像源早就過期了

查看鏡像源配置情況:

npm get registry

五、安裝Vue腳手架

【win+R】,輸入cmd,回車

輸入:

npm install -g @vue/cli

六、創建Vue項目(以及第一個vue項目的運行)

【win+R】,輸入cmd,回車

輸入cd命令,切換到自己想要創建Vue工程的目錄下

然后輸入命令創建Vue項目:

vue create 工程名稱

?cmd中切換到新創的vue工程目錄下

vue項目運行:

npm run serve

退出運行:【Ctrl+C】

本文來自互聯網用戶投稿,該文觀點僅代表作者本人,不代表本站立場。本站僅提供信息存儲空間服務,不擁有所有權,不承擔相關法律責任。
如若轉載,請注明出處:http://www.pswp.cn/news/711729.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/711729.shtml
英文地址,請注明出處:http://en.pswp.cn/news/711729.shtml

如若內容造成侵權/違法違規/事實不符,請聯系多彩編程網進行投訴反饋email:809451989@qq.com,一經查實,立即刪除!

相關文章

語義內核框架(Semantic Kernel)

語義內核框架-Semantic Kernel 首先看看官方描述:Semantic Kernel 是一個開源 SDK,可讓您輕松構建可以調用現有代碼的代理。作為高度可擴展的 SDK,可以將語義內核與來自 OpenAI、Azure OpenAI、Hugging Face 等的模型一起使用!通…

vue3.4新特性:v-bind同名簡寫、defineModel

在上一篇 vue3.3 文章中,雖然寫了 defineModel ,但并未考慮到寫的時候3.4版本里 defineModel 才作為穩定的API正式加入( 兩年沒看vue3 更新的內容了... ),并增加了對支持修飾符相關的內容; 基于此,如果在vue3.3的版本…

華為OD機試真題-智能成績表-2023年OD統一考試(C卷)---Python3--開源

題目: 考察內容: sort(雙排序) if dict(keys;items()) 代碼: """ analyze:input: int n 學生人數; int m 科目數量 科目名稱(不重復) 人名(不會重名) 科目成績 …

Python 在Word中查找并高亮指定文本

當你需要在長文檔或報告中快速找到特定的關鍵詞或短語,Word中提供的查找并高亮這一功能可以幫助你迅速定位這些內容。本文將介紹如何使用Python在Word中查找并突出顯示指定的文本。 所需工具:第三方庫 Spire.Doc for Python。該庫支持創建、編輯、轉換Wo…

vue處理響應式數據,是Proxy性能好?還是defineProperty性能好?

注:本文主要論證二者性能!!! 首先,Proxy和defineProperty是兩種不同的機制,用于實現JavaScript的元編程(metaprogramming)功能。 defineProperty是ES5引入的一個特性,用于…

HDL FPGA 學習 - FPGA基本要素,開發流程,Verilog語法和規范、編寫技巧

目錄 Altera FPGA 基本要素 FPGA 開發流程和適用范圍 設計和實施規范 頂層設計的要點 Verilog HDL 語法規范 編寫規范 設計技巧 編輯整理 by Staok,始于 2021.2 且無終稿。轉載請注明作者及出處。整理不易,請多支持。 本文件是“瞰百易”計劃的…

SQL注入漏洞解析--less-6

1.第六關了。 2.這個和第五關有點像,只是換成了雙引號,接下來的都一樣,看我操作(換個函數試一下extractvalue,他的報錯位置在第二個,那我就利用一下) 3.爆庫名 ?id1"%20and%20extractvalue(1,concat(0x7e,(sele…

刷題日記 | 字符串擴容和增強型for循環

for(char c:s)遍歷字符串 增強型for循環 C for(char c:s)遍歷字符串 增強型for循環_c for (char c : s)-CSDN博客 字符串使用前要進行擴容 reserve函數 【CString類成員函數辨析】resize(),size(),capacity(),reserve()函數的解析與對比_c reserve函數-CSDN博客 a.size() 用來…

告警閃現后的故障排查

長期以來,醫院信息化運維中存在著科室復雜、應用場景多、終端運維工作量大、軟件系統兼容需求強等諸多痛點,且對技術設備的穩定性、連續性要求極高,在日常運維中,需要應對和解決這些問題來保障業務穩定、健康運行。 1、數據孤島 …

Centos6安裝PyTorch要求的更高版本gcc

文章目錄 CentOS自帶版本安裝gcc 4的版本1. 獲取devtoolset-8的yum源2. 安裝gcc3. 版本檢查和切換版本 常見問題1. 找不到包audit*.rpm包2. 找不到libcgroup-0.40.rc1-27.el6_10.x86_64.rpm 的包4. cc: fatal error: Killed signal terminated program cc1plus5. pybind11/pybi…

安達發|可視化APS高級排產系統實現精益制造

精益制造已經成為了一種重要的生產模式,它的目標是通過消除浪費,提高生產效率,以實現更高的質量和更低的成本。而可視化APS高級排產系統則是實現精益制造的重要工具。下面,我將從接單可視化、BOM工藝可視化、計劃與排程可視化、制…

[Android 13]Input系列--獲取觸摸窗口

[Android 13]Input系列–獲取觸摸窗口 hongxi.zhu 2023-7-25 Android 13 InputDispatcher::dispatchMotionLocked bool InputDispatcher::dispatchMotionLocked(nsecs_t currentTime, std::shared_ptr<MotionEntry> entry,DropReason* dropReason, nsecs_t* nextWakeupT…

【Flink精講】Flink性能調優:CPU核數與并行度

常見問題 舉個例子 提交任務命令&#xff1a; bin/flink run \ -t yarn-per-job \ -d \ -p 5 \ 指定并行度 -Dyarn.application.queuetest \ 指定 yarn 隊列 -Djobmanager.memory.process.size2048mb \ JM2~4G 足夠 -Dtaskmanager.memory.process.size4096mb \ 單個 TM2~8G 足…

Android 性能優化--APK加固(1)混淆

文章目錄 為什么要開啟混淆如何開啟代碼混淆如何開啟資源壓縮代碼混淆配置代碼混淆后&#xff0c;Crash 問題定位結尾 本文首發地址&#xff1a;https://h89.cn/archives/211.html 最新更新地址&#xff1a;https://gitee.com/chenjim/chenjimblog 為什么要開啟混淆 先上一個 …

【會議征稿通知】第十屆人文學科與社會科學研究國際學術會議(ICHSSR 2024)

第十屆人文學科與社會科學研究國際學術會議&#xff08;ICHSSR 2024) 2024 10th International Conference on Humanities and Social Science Research 第十屆人文學科與社會科學研究國際學術會議&#xff08;ICHSSR 2023)將于2024年4月26-28日在中國廈門隆重舉行。會議主要…

工廠生產效率如何提升?這8個重點你不得不看!

企業的競爭本質上就是效率與成本的競爭&#xff08;當然是保證產品質量的前提下&#xff09;&#xff0c;如何持續不斷地提高生產效率是企業永續發展的關鍵問題&#xff0c;提高生產效率也是降低制造成本的根本途徑。 當然&#xff0c;我們必須嚴格根據工藝標準來操作&#xf…

如何通過ip查詢用戶的歸屬地

背景 最近公司做了一些營銷活動&#xff0c;投入資金進行了流量推廣&#xff0c;pv、UV都做了統計。老板說&#xff0c;我要看下用戶的區域分布的數據。 以前的文章我講過&#xff0c;pv、UV如何統計&#xff1f;我們是基于ip進行統計的。用的ip能獲取到&#xff0c;那通過ip…

JavaScript繼承

JavaScript繼承 1、JS 的繼承到底有多少種實現方式呢? 2、ES6 的 extends 關鍵字是用哪種繼承方式實現的呢? 繼承種類 原型鏈繼承 function Parent1() {this.name parentlthis.play [1, 2, 3] }function Child1() {this.type child2 }Child1.prototype new Parent1(…

應用穩定性優化1:ANR問題全面解析

閃退、崩潰、無響應、重啟等是應用穩定性常見的問題現象&#xff0c;穩定性故障大體可歸類為ANR/凍屏、Crash/Tombstone、資源泄露三大類。本文通過對三類故障的產生原因、故障現象、觸發機制及如何定位等&#xff0c;展開深度解讀。 本文將詳解ANR類故障&#xff0c;并通過一…