首頁 > web前端 > Vue.js > 如何用npm安裝vue.js?

如何用npm安裝vue.js?

青灯夜游
發布: 2020-11-13 10:01:25
原創
3569 人瀏覽過

安裝方法:1、在官網下載並安裝node.js和npm;2、開啟cmd命令列,使用「npm install」指令安裝cnpm工具;3、使用cnpm工具,透過執行「cnpm install -g vue-cli”指令即可安裝vue.js。

如何用npm安裝vue.js?

一、安裝node.js

#1. node.js 是安裝套件資源管理器。 可以在裡面下載安裝套件。不是一門語言/函式庫/框架。也就是說,和vue.js 不是同一類東西。 (vue.js 是一種js框架)

2. node.js 裡面有一個下載工具-- npm (不用另外安裝npm。安裝好node .js之後,包含了npm 的工具。但是要另外設定npm 環境變量,為了在使用npm 工具時,不用跳到npm 所在的目錄)

#* cd 是跳到別的目錄

* d: 是指跳轉的目錄在D 碟

#多數與JS相關的包裝都放在npm上。例如:有了npm之後,一條指令就可以下在不同的函式庫/框架(如jquery),不用再到各個函式庫/框架的官網上去下載

##---------- -------------------------------------------------- -------------------------------------------------- --------------------------

PS: 安裝node.js 過程中,新建了2個資料夾 node_global  和node_cache 。具體操作請見 

https://www.cnblogs.com/zhouyu2017/p/6485265.html

创建完两个空文件夹之后,打开cmd命令窗口,输入

设置npm 下载的那些安装包的存放目录
npm config set prefix "D:\Develop\nodejs\node_global"
设置npm 缓存文件的存放目录
npm config set cache "D:\Develop\nodejs\node_cache"
登入後複製

----------------- -------------------------------------------------- -------------------------------------------------- -------------------

二、安裝cnpm 

因為npm 的位址是在國外,傳輸速度很慢,所以可以用淘寶提供的鏡像檔下載cnmp 工具

具體操作如下:

1. 開啟執行--cmd (快捷鍵是Fn R)

2. 安裝鏡像檔

複製貼上鏡像位址 

npm install -g cnpm --registry=https://registry.npm.taobao.org  (淘寶鏡像 https://npm.taobao.org/

#然後

enter鍵執行

3. 執行cnpm -v 偵測是否安裝成功:##因為cnpm 沒有設定環境變量,所以要

先跳到cnpm 所在目錄

,才能使用 cnpm 工具。

4. 偵測cnpm安裝成功後,就可以使用cnpm 下載工具來下載vue 安裝套件:

複製貼上指令

cnpm install -g vue-cli

 (install :下載安裝; -g 全域安裝;)

enter 

執行


#vue檔案成功安裝在node_global 資料夾下,成功


相關推薦:############2020年前端vue面試題大匯總(附答案)############vue教學推薦:2020最新的5個vue.js影片教學精選############更多程式設計相關知識,請造訪:###程式設計課程###! ! ######

以上是如何用npm安裝vue.js?的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板