乐趣区

关于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

退出移动版