vue項目隨筆

Vue2.0環境安裝

一、 安裝Nodejs，地址：https://nodejs.org/en/

　　版本"node": ">= 4.0.0", "npm": ">= 3.0.0", 6以上Node自帶npm;

 

　　Npm上的資源會被牆掉 建議使用淘寶鏡像cnpm;

　　Npm 安裝cnpm;

　　執行命令：npm install -g cnpm --registry=https://registry.npm.taobao.org

　　Cnpm api：http://npm.taobao.org/

二、 安裝vue

　　cd 到項目所在文件夾下：vue init webpack 項目名稱

　　cd 到項目文件夾下： npm install

　　　　　　　　　　　  npm run dev

　　等待安裝成功……。

 

Vue文檔：https://cn.vuejs.org/v2/guide/installation.html

vue router 文檔：https://router.vuejs.org/zh-cn/

推薦Mint UI 組件：http://mint-ui.github.io/docs/#!/zh-cn2

 

三、引用mint-ui

　　在項目所在根目錄下：npm install mint-ui -S

　　而後執行：npm run dev   目的是重新構建，以後就能夠引用mint-ui 的樣式及組件。

import Vue from 'vue'
import App from './App'
import router from './router'
import MintUI from 'mint-ui'
import 'mint-ui/lib/style.css'

Vue.use(MintUI)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})