vue项目搭建-可视化创建

一、安装node环境
  1、下载地址为:https://nodejs.org/en/
  2、检查是否安装成功:如果输出版本号,说明我们安装node环境成功
  vue项目搭建-可视化创建

二、全局安装vue-cli3.0(可视化支持vue-cli 3.0 )
 npm install -g @vue/cli

三、创建vue项目有两种方法
.使用可视化视图创建

2、打开cmd,使用命令 vue ui
vue项目搭建-可视化创建3、自动跳转到这个页面,点击>创建
vue项目搭建-可视化创建4、选择你要保存的项目路径,在点击在此创建新项目
vue项目搭建-可视化创建
5输入项目名,其余默认
vue项目搭建-可视化创建6、新手最好选择手动配置,再点击下一步
vue项目搭建-可视化创建7、安装四项,如下图vue项目搭建-可视化创建vue项目搭建-可视化创建
8、vue项目搭建-可视化创建9、
vue项目搭建-可视化创建10、创建项目完成后,添加element组件
vue项目搭建-可视化创建
11、搜索vue-cli-plugin-element,点击安装,再选择引入按需导入组件
vue项目搭建-可视化创建12 在需要安装axios依赖,在依赖中安装,搜索axios(运行依赖),步骤跟上面类似,安装完成后出现如图,则表示安装成功
vue项目搭建-可视化创建
13、项目在这里已经可以了,点击>仪表盘,再点击>运行,需要一点时间,成功后,再点击 >启动app,就可以看到你的项目了
vue项目搭建-可视化创建vue项目搭建-可视化创建下一章:项目初始化