vue运行环境、基于vue-cli脚手架项目搭建

运行环境:

1.安装node.js ,  node -v查看安装版本

2.安装npm

3.安装淘宝镜像

4.安装webpack

5.安装vue-cli 脚手架构建工具

项目搭建()

1. vue init webpack project     //project:项目名

2.npm install             //安装依赖,一定要cd project 进入项目目录里面

3.cnpm install vue-router vue-resource --save         //安装路由、网络请求模块

备注:vue-resource从vue2.0版本以后就就不更新了,可以不安装,推荐使用axios;另--save打包时会打包在文件夹内,--save-dev是开发环境的依赖包,不会打吧进项目;

4.npm install axios --save-dev       //安装axios

    需要在main.js中引入

```

import axios from "axios"

Vue.prototype.$axios=axios;

```

5.cnpm install --save-dev babel-polyfill    //兼容ie,根据需要安装;

6.npm run dev             //运行项目

7.npm run build      //上传dies 文件到服务器上



学习总结,仅作参考,欢迎纠错;

你可能感兴趣的:(vue运行环境、基于vue-cli脚手架项目搭建)