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:

安装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';

你可能感兴趣的:(2019-01-10 vue 的安装流程)