1. 程式人生 > >Windows——Node.js安裝配置+Vue安裝及建立Vue專案

Windows——Node.js安裝配置+Vue安裝及建立Vue專案

 

Node.js安裝

安裝環境

  1. Windows 10 Enterprise-X64
  2. node-v10.13.0-x64.msi

安裝步驟

下載對應你係統的Node.js版本——選安裝目錄進行安裝——環境配置——測試

簡介

 Node.js 就是執行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。

安裝

一路next:

  1. DEstination Folder修改安轉目錄
  2. Custom Setup ——Add to Path

安裝完整後

新版的Node.js已自帶npm,安裝Node.js時會一起安裝,npm的作用就是對Node.js依賴的包進行管理

環境配置:

主要配置的是npm安裝的全域性模組所在的路徑,以及快取cache的路徑,之所以要配置,是因為以後在執行類似:npm install express [-g] (後面的可選引數-g,g代表global全域性安裝的意思)的安裝語句時,會將安裝的模組安裝到【C:\Users\使用者名稱\AppData\Roaming\npm】路徑中,佔C盤空間。
例如:我希望將全模組所在路徑和快取路徑放在我node.js安裝的資料夾中,則在我安裝的資料夾【D:\nodejs】下建立兩個資料夾【node_global】及【node_cache】

  • npm config set prefix" node_global的目錄"
  • npm config set  cache" node_cache的目錄"

環境變數:

  • 系統變數——NODE_PATH:D:\nodejs\node_global\node_modules
  • 使用者變數——Path修改為:D:\nodejs\node_global

Vue 安裝以及建立Vue專案

  • npm start
  • npm install --golbal vue-cli
  • vue-version

  • cd 要建立專案的資料夾
  • vue init webpack project

project name

project description

author

vue build ——standalone

install vue-router?yes

use eslint to lint your code?no

set up unit tests no

set up e2e tests with nightwatch?no

should we run npm install....yes

  • cd 資料夾
  • npm run dev

僅用於記錄與個人學習。