创建vue项目，手动安装并配置vue-router,element-ui,axios,scss

配置前提

电脑需要已经安装过的软件

• nodejs
• 命令行工具：git(这里使用) 或 cmd 或 PowerShell
• 文本编辑器：vs code(这里使用) 或 sublime 等等

1,安装npm的国内淘宝镜像cnpm

(使用npm安装总会有超时的问题，所以建议使用国内镜像)

打开命令行：在桌面鼠标右键选项中，选择git bash here，输入以下命令回车确认

npm install -g cnpm --registry=https://registry.npm.taobao.org

2,安装vue

cnpm install vue

3，安装vue-cli

cnpm install -g @vue/cli-service-global

4,创建项目并安装插件

在系统D盘目录下，在鼠标右键选项中，选择git bash here，输入以下命令回车确认

1. 创建一个名为vuedemo的vue项目并取消选择配置，项目名称不支持大写字母

vue create vuedemo

选择Vue 2，回车确认（用键盘上下左右选择），其他选项都选no

2. 进入文件夹

cd vuedemo

此时的打开package.json文件，没有其他的依赖

3. 分别安装vue-router,element-ui,axios（git中粘贴命令快捷键是shift+insert）

cnpm install vue-router --save-dev
cnpm install element-ui -S
cnpm install --save axios vue-axios

此时的打开package.json文件，已经有了其他依赖，如果没有可能是尚未加载出来

4. 安装依赖

cnpm install

5，配置vue-router

在vuedemo的src文件夹下新建文件夹router,在router下新建index.js

import Vue from 'vue'
import Router from 'vue-router'

Vue.use(Router)

export default new Router({
    routes:[
        {
   
        }
    ]
})

打开main.js，导入router路由配置

import Vue from 'vue'
import App from './App'
import router from './router'

Vue.use(VueRouter)

new Vue({
  el: '#app',
  router,
  render: h => h(App)
})

5，配置axios

继续在main.js添加全局配置

import axios from 'axios' 
import VueAxios from 'vue-axios'  

Vue.use(VueAxios,axios)

使用方法.比如给一个按钮添加abc方法

methods:{
	abc(){
		this.axios('这里是api').then(function(response){
			alert(response)
		}).catch(function(err){
			alert(err)
		})
	}
}