Vue UI 创建Vue前端工程(Windows)

Vue ui 创建Vue前端工程
1.开启vue ui 服务2.访问 vue ui 界面3.创建项目4. 添加 element-ui 插件4.添加依赖4.启动 Vue 项目5.访问 Vue 项目

1.开启vue ui 服务

快捷键 win+r 打开 cmd 输入下面命令

vue ui

2.访问 vue ui 界面

打开浏览器,地址栏输入 localhost:8080

3.创建项目

点击创建
Vue UI 创建Vue前端工程(Windows)
选择你要创建的项目目录,点击 在此创建新项目
Vue UI 创建Vue前端工程(Windows)
输入项目名称,包管理器选择 npm, git 命令填写 init project , 点击下一步
Vue UI 创建Vue前端工程(Windows)
选择手动
Vue UI 创建Vue前端工程(Windows)

把format 去掉, 选中 router, 选中使用配置文件, 点击下一步
Vue UI 创建Vue前端工程(Windows)
点击创建项目

Vue UI 创建Vue前端工程(Windows)

点击创建项目,不保存预设

Vue UI 创建Vue前端工程(Windows)

4. 添加 element-ui 插件

先点击左侧导航栏 插件,再点击右上角 添加插件
Vue UI 创建Vue前端工程(Windows)
**搜索 element ,先选中 如图矩形框中的内容,版本不一致没关系, 再点击右下角 安装 **
Vue UI 创建Vue前端工程(Windows)
**安装完成后点击 完成安装 **
Vue UI 创建Vue前端工程(Windows)

4.添加依赖

    添加 axios 依赖
    点击左侧导航条 依赖Vue UI 创建Vue前端工程(Windows)
    点击右上角 安装依赖
    Vue UI 创建Vue前端工程(Windows)
    搜索框输入 axios ,选中内容如图所示, 再点击 右下角的 安装
    Vue UI 创建Vue前端工程(Windows)

    安装 less-loader 依赖
    如上图一样,搜索框中输入 less-loader,再点击右下角安装
    Vue UI 创建Vue前端工程(Windows)

3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装
Vue UI 创建Vue前端工程(Windows)

到这里所有安装都结束了,接下来启动 Vue 项目

4.启动 Vue 项目

如图操作即可
Vue UI 创建Vue前端工程(Windows)

5.访问 Vue 项目

浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功
Vue UI 创建Vue前端工程(Windows)

原创:https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。

专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说

Vue UI 创建Vue前端工程(Windows)

免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。

您必须遵守我们的协议,如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源
www.panoramacn.com资源全部来自互联网收集,仅供用于学习和交流,请勿用于商业用途。如有侵权、不妥之处,请联系站长并出示版权证明以便删除。 敬请谅解! 侵权删帖/违法举报/投稿等事物联系邮箱:2640602276@qq.com
未经允许不得转载:书荒源码源码网每日更新网站源码模板! » Vue UI 创建Vue前端工程(Windows)
关注我们小说电影免费看
关注我们,获取更多的全网素材资源,有趣有料!
120000+人已关注
分享到:
赞(0) 打赏

评论抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

您的打赏就是我分享的动力!

支付宝扫一扫打赏

微信扫一扫打赏