npm安裝Vue及配置

2022-06-24 05:39:10 字數 2063 閱讀 2278

1、cmd視窗檢視node.js版本和npm映象版本(

檢視本地npm版本:npm -v

安裝vue-cli(全域性安裝vue-cli)    命令:cnpm install vue-cli -g

如何檢視npm預設安裝路徑:執行命令:npm config get prefix

由於npm全域性模組的存放路徑及cache的路徑預設是放在c盤下,這樣肯定會增加c盤的負擔,那麼如果需要修改其存放路徑應該怎麼做呢?

第一步:在nodejs安裝目錄(也可以指定其它目錄)下建立」node_gobal」和」node_cache」兩個資料夾,如下圖

第二步:開啟cmd命令列,設定全域性模組的安裝路徑到node_gobal資料夾,快取到node_cache資料夾,在命令列輸入:

npm config set cache  "d:\program\node.js\node_cache"

npm config set prefix "d:\program\node.js\node_global"

可能沒什麼響應,不用管屬正常現象。

第三步:全域性安裝webpack。

如果想要安裝指定得版本:npm install [email protected] -g)

第四步:安裝成功後node_global目錄下:

第五步:設定環境變數:

1、新建node_path到使用者環境變數和系統環境變數

第一步完成之後,接下來是如何將環境變數配置到系統裡。請看圖。

雙擊開啟path

2、最終效果

2、開啟cmd 輸入命令node 輸入命令:require('webpack')

這樣我們就已經改了npm安裝路徑

搭建vue

進入專案目錄:執行命令

vue init webpack 專案名

說明:vue build ==> 打包方式,回車即可;

install vue-router ==> 是否要安裝 vue-router,專案中肯定要使用到 所以y 回車;

use eslint to lint your code ==> 是否需要 js 語法檢測 目前我們不需要 所以 n 回車;

set up unit tests ==> 是否安裝 單元測試工具 目前我們不需要 所以 n 回車;

setup e2e tests with nightwatch ==> 是否需要 端到端測試工具 目前我們不需要 所以 n 回車;

3、進入專案:cd vue-demo,安裝依賴:cd +專案名(這裡我們選擇:npm安裝)

安裝成功後在目錄下:

啟動:npm run dev 

npm配置vue成功!

**

NPM 方法安裝 vue

vue.js 讀音 vju 類似於 view 是乙個構建資料驅動的 web 介面的漸進式框架。vue.js 的目標是通過盡可能簡單的 api 實現響應的資料繫結和組合的檢視元件。它不僅易於上手,還便於與第三方庫或既有專案整合。下面介紹以npm方式來vue.js 的安裝方法 在用vue.js構建大型應...

nvm安裝及全域性配置node 二 npm 安裝

上一節介紹了 npm 的基本概念,這一節介紹通過 nvm 來安裝 npm 以及過程中可能會遇到的問題。第一次安裝預設到底,減少後面環境出錯的機率,等玩熟了在自定義位置 第一步 第二步 安裝完成後這兩個路徑要記下來 後面介紹具體用途 nvm安裝的node路徑預設為 c programfile node...

Vue環境安裝及配置

npm install npm g 安裝 npm v 檢視版本資訊 4 cnpm安裝參考 npm install g cnpm 在git中輸入 cnpm 檢驗是否安裝成功 5 yarn安裝參考 npm install g yarn yarn v 檢驗是否安裝成功 6 vue安裝 cnpm insta...