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.创建项目
点击创建
选择你要创建的项目目录,点击 在此创建新项目
输入项目名称,包管理器选择 npm, git 命令填写 init project , 点击下一步
选择手动
把format 去掉, 选中 router, 选中使用配置文件, 点击下一步
点击创建项目
点击创建项目,不保存预设
4. 添加 element-ui 插件
先点击左侧导航栏 插件,再点击右上角 添加插件
**搜索 element ,先选中 如图矩形框中的内容,版本不一致没关系, 再点击右下角 安装 **
**安装完成后点击 完成安装 **
4.添加依赖
添加 axios 依赖
点击左侧导航条 依赖
点击右上角 安装依赖
搜索框输入 axios ,选中内容如图所示, 再点击 右下角的 安装
安装 less-loader 依赖
如上图一样,搜索框中输入 less-loader,再点击右下角安装
3.安装 less 依赖
如上图一样,搜索框中输入 less,再点击右下角安装
到这里所有安装都结束了,接下来启动 Vue 项目
4.启动 Vue 项目
如图操作即可
5.访问 Vue 项目
浏览器地址栏输入 localhost:8080
如果界面和下图一样说明成功
原创：https://www.panoramacn.com
源码网提供WordPress源码,帝国CMS源码discuz源码,微信小程序,小说源码,杰奇源码,thinkphp源码,ecshop模板源码,微擎模板源码,dede源码,织梦源码等。专业搭建小说网站,小说程序,杰奇系列,微信小说系列,app系列小说
免责声明,若由于商用引起版权纠纷,一切责任均由使用者承担。
您必须遵守我们的协议，如果您下载了该资源行为将被视为对《免责声明》全部内容的认可-> 联系客服 投诉资源www.panoramacn.com资源全部来自互联网收集，仅供用于学习和交流，请勿用于商业用途。如有侵权、不妥之处，请联系站长并出示版权证明以便删除。 敬请谅解！ 侵权删帖/违法举报/投稿等事物联系邮箱：2640602276@qq.com未经允许不得转载：书荒源码源码网每日更新网站源码模板！ » Vue UI 创建Vue前端工程(Windows)
关注我们小说电影免费看关注我们，获取更多的全网素材资源，有趣有料！120000+人已关注
评论抢沙发