安装vue-cli3版本

一、安装nodejs与cli2.0

https://www.cnblogs.com/lgx5/p/10732016.html

 1.npm uninstall vue-cli -g      //卸载vue-cli旧版本
 2.npm install -g @vue/cli      //安装新版本
 3.vue -V                   
环境配置

二、使用vue-cli3.0

1.创建项目---vue create 项目名 
( *) Babel //转码器，可以将ES6代码转为ES5代码，从而在现有环境执行。 
( ) TypeScript// TypeScript是一个JavaScript（后缀.js）的超集（后缀.ts）包含并扩展了 JavaScript 的语法，需要被编译输出为 JavaScript在浏览器运行，目前较少人再用
( ) Progressive Web App (PWA) Support// 渐进式Web应用程序
( *) Router // vue-router（vue路由）
( *) Vuex // vuex（vue的状态管理模式）
( * ) CSS Pre-processors // CSS 预处理器（如：less、sass）
( *) Linter / Formatter // 代码风格检查和格式化（如：ESlint）
( *) Unit Testing // 单元测试（unit tests）
( ) E2E Testing // e2e（end to end） 测试

2.启动项目---npm run serve

3.安装路由---vue add router

4.安装element/iview---vue add element/iview

5.安装less---npm i less less-loader

6.安装axios---npm i axios

 

https://www.jianshu.com/p/5d6080099fba

 

三、axios使用

 

根目录建一个文件vue.config.js

写入

module.exports = {
  //如果使用了history.pushState pages的路由时； 选项构建多页面应用时；
  publicPath: process.env.NODE_ENV === 'production'
    ? './'
    : '/',
  lintOnSave: false, // 是否开启eslint保存检测，有效值：ture | false | 'error'
}

 使用

 

修改nodejs环境

自动编译

代码美化