最近項目中需要使用到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
-
下載下傳
進入node的中文網下載下傳相關安裝包
http://nodejs.cn/download/
傻瓜式安裝即可
-
使用
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”即可
開開心心編碼,快快樂樂生活。