安装vue
-
安装webpack
npm install webpack -g
-
安装webpack-cli
npm install webpack webpack-cli -g
-
安装vue-cli
npm install vue-cli -g
-
创建项目
vue init webpack 项目名
可视化面板安装vue
- 进入可视化
vue ui
- 点击创建,创建项目
选择存放路径
- 点击创建,创建项目
选择存放路径-点击在此创建新项目
- 创建新项目详情
填写项目名称+git初始化的仓库
- 进入到预设的面板
手动-Bable+Router+vuex+使用配置文件-下一步-Use history(是否使用历史模式路由)不勾选-Pick a linter(选择配置文件格式)ESLint+Standard config+Lint on save(点击保存,就会对数据进行校验)-创建项目-是否保存预设
配置Element-ui
-
插件面板
插件-添加插件-查找插件-vue-cli-plugin-bable-选中点击安装
-
配置Element-ui
How do you want to import Element(是否默认全部导入组件)-import on demand(选中按需导入)
Choose the locale you want to load(选择语言)-默认中文即可-点击完成安装
配置axios
- 打开可视化面板
选中依赖-安装依赖-查找axios-此时是安装到运行依赖-安装axios