Windows——Node.js安裝配置+Vue安裝及建立Vue專案
Node.js安裝
安裝環境
- Windows 10 Enterprise-X64
- node-v10.13.0-x64.msi
安裝步驟
下載對應你係統的Node.js版本——選安裝目錄進行安裝——環境配置——測試
簡介
Node.js 就是執行在服務端的 JavaScript。Node.js 是一個基於 Chrome V8 引擎的 JavaScript 執行環境。Node.js 使用了一個事件驅動、非阻塞式 I/O 的模型,使其輕量又高效。Node.js 的包管理器 npm,是全球最大的開源庫生態系統。
安裝
一路next:
- DEstination Folder修改安轉目錄
- 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
僅用於記錄與個人學習。