【新建一个vue2.x项目(idea目前默认创建vue3.x项目)】1.命令行打开vue图像化界面
文章图片
2.浏览器打开如下界面,点击左下角按钮,选择“Vue项目管理器"
文章图片
3.选择“创建”栏,选择好文件创建路径(本地文件夹),点击"在次创建新项目":
文章图片
4.输入项目名,点击下一步
文章图片
5.选择手动配置项目(其他的预设是从前创建项目时保存的配置,选择后可以直接新建项目省去后面选择的配置)
文章图片
6.选择所需的配置
文章图片
Babel,Router和使用配置文件必选。
7.选择2.x版本
文章图片
添加element插件:
文章图片
文章图片
添加axios依赖:
文章图片
文章图片
创建项目完成,即在本地文件夹中生成项目文件夹,用idea打开。
配置运行环境:
点击下图箭头所指处进行运行环境配置(这里已配好,再配置一次)
文章图片
文章图片
配好后点击绿色三角图标运行,点击超链接打开界面:
文章图片
推荐阅读
- vue|手写一个webpack,看看AST怎么用
- vue|vue-cli脚手架2版本及3+版本安装、目录解析、only和compiler的区别、3+版本如何改配置、箭头函数及this的指向
- vue|Vuex的作用、使用、核心概念(State、Mutations、Getters、Actions、Modules)、文件抽离
- Vue.js|十二、Promise的学习笔记(Promise的基本使用、链式编程、all())
- 数据库|ES6的Promise链式异步编程方法
- vue3|Vue3学习之旅-Vue3组件化开发(三)-动态/异步组件-vue3生命周期-组件的v-model
- 游戏|一个niubility的Vue游戏,真厉害!
- VUE|PC端如何设置rem屏幕适配
- 游戏|一个niubility的Vue游戏,真厉害!(收藏)