安装webstorm和node.js

  • 查看node.js版本 node -v

安装淘宝镜像

1
npm install -g cnpm --registry=https://registry.npm.taobao.org
  • 检验安装 cnpm -v

安装webpack

1
cnpm install webpack -g

安装vue-cli

1
cnpm install --global vue-cli
  • 检验安装 vue -V

Ex

  • 下载node_modules 

    1
    cnpm install

  • 使用element-ui

    1
    2
    npm i element-ui -S
    vue add element
    1
    2
    3
    4
    5
    6
    7
    8
    9
    import ElementUI from 'element-ui';
    import 'element-ui/lib/theme-chalk/index.css';

    Vue.use(ElementUI);

    new Vue({
    el: '#app',
    render: h => h(App)
    });

  • 使用router

    1
    2
    //cnpm install vue-router -g
    npm install --save vue-router
    1
    2
    3
    4
    5
    import router from './router.js'

    new Vue({
        router
    });

  • 使用axios

    1
    2
    // npm install axios -g
    npm i axios -S
    1
    2
      import axios from 'axios'
    axios.get(url).then((response) => {response.data;})

  • 使用vuex

    1
    npm install vuex --save
    1
    2
    3
    4
    import Vue from 'vue'
    import Vuex from 'vuex'

    Vue.use(Vuex)