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