天天看點

windows系統下安裝node

最近項目中需要使用到vue架構來實作前後端分離,于是抽時間看了下vue的相關隻是,從官網了解到可以使用指令行工具(CLI)來建構應用,于是在本地環境預練了一下

下面這句話摘抄自vue文檔:

Vue.js 提供一個

官方指令行工具 ,可用于快速搭建大型單頁應用。該工具提供開箱即用的建構工具配置,帶來現代化的前端開發流程。隻需幾分鐘即可建立并啟動一個帶熱重載、儲存時靜态檢查以及可用于生産環境的建構配置的項目:

# 全局安裝 vue-cli
$ npm install --global vue-cli
# 建立一個基于 webpack 模闆的新項目
$ vue init webpack my-project
# 安裝依賴,走你
$ cd my-project
$ npm install
$ npm run dev      

下面就進入本文的主題了,想用使用npm需要安裝node

  1. 下載下傳

    進入node的中文網下載下傳相關安裝包

    http://nodejs.cn/download/

    傻瓜式安裝即可

  2. 使用

    npm(node package manager)nodejs的包管理器,用于node插件管理(包括安裝、解除安裝、管理依賴等);

    npm安裝插件是從國外伺服器下載下傳,受網絡影響大,可能出現異常,是以這裡推薦使用阿裡的鏡像,速度杠杠的,這裡不在說明快的原因了,相信搞計算機的都知道哈,

    下面摘抄鏡像官網的一句話“這是一個完整 npmjs.org 鏡像,你可以用此代替官方版本(隻讀),同步頻率目前為 10分鐘 一次以保證盡量與官方服務同步。”

    方法一:

    npm config set registry https://registry.npm.taobao.org
    // 配置後可通過下面方式來驗證是否成功
    npm config get registry      
    方法二:
    npm install -g cnpm --registry=https://registry.npm.taobao.org      

    cnpm的使用方法和npm是完全一直的,往後就可以使用cnpm來代替npm了

    推進使用cnpm的方法便于區分

截止到目前為止,node的安裝就告一段落了,直接上代碼使用了

# 全局安裝 vue-cli
$ cnpm install --global vue-cli
# 建立一個基于 webpack 模闆的新項目
$ vue init webpack my-project
# 安裝依賴,走你
$ cd my-project
$ cnpm install
$ cnpm run dev      

 運作後看到 指令行顯示“Your application is running here: http://localhost:8080”即可 

開開心心編碼,快快樂樂生活。

繼續閱讀