关于vue-cli4:VueCli40安装及创建项目

装置版本

npm install -g @vue/cli
yarn global add @vue/cli

vue –version 查看版本

如果呈现上面状况

1、如果应用npm装置，应用命令npm root -g查看npm包的地位
2、如果应用yarn装置，应用命令yarn global dir查看yarn装置的地位

3、关上环境变量中的零碎变量，找到path变量进行编辑增加

创立我的项目

vue create mall //（创立名称为mall的我的项目）
cd mall
yarn add axios
yarn add vue-router
yarn add vuex

在main.js文件中增加

import axios from 'axios'
import VueRouter from 'vue-router'
import Vuex from 'vuex'

Vue.prototype.$axios = axios;
Vue.use(VueRouter)
Vue.use(Vuex)

装置vue-devtools拓展工具
vue-devtools官网点击关上，下载master上的代码解压进入此目录执行命令
npm install
npm run build
再通过浏览器的扩大程序进行加载shell/chrome