2019-01-10 vue 的安装流程

1、安装好node.js，没有安装node的可去官网上下载安装

2、安装镜像：npm install -g cnpm --registry=https://registry.npm.taobao.org

3、安装webpack  执行：cnpm install webpack -g

4、cnpm install vue-cli -g      //全局安装 vue-cli

5、根据模板创建项目：vue init webpack simple，之后就能看到创建好的项目了

vue init webpack  ”项目名称“

6、进入目录 cd simple

7、进入创建好的项目中安装项目依赖 npm install

8、启动项目 npm run dev

axios 引入流程

$ npm install axios

$ cnpm install axios //taobao源

$ bower install axios

或者使用cdn：

<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

安装vuex

npm install vuex --save

9、引用vant组件

npm i vant -S

# 安装 babel-plugin-import 插件  npm i babel-plugin-import -D

在.babelrc文件中配置plugins（插件）

// .babelrc 中配置// 注意：webpack 1 无需设置 libraryDirectory{

  "plugins": [

    ["import", {

      "libraryName": "vant",

      "libraryDirectory": "es",

      "style": true    }]

  ]

}

10、安装less

第一步：

安装less依赖，npm install less less-loader --save

第二步：

修改webpack.config.js文件，配置loader加载依赖，让其支持外部的less,在原来的代码上添加

{test: /\.less$/,loader:"style-loader!css-loader!less-loader",

use:['style-loader','css-loader','less-loader']},

11、安装vuex

第一步：

npm install vuex --save

第二步：store>index.js

import Vue from 'vue'

import Vuex from 'vuex'

Vue.use(Vuex)

第三步：main.js引入vuex

import store from './store';