首页 > 其他 > 详细

VS Code软甲+Element官网 简单了解和操作

时间:2021-09-08 21:43:46      阅读:27      评论:0      收藏:0      [点我收藏+]

一、创建VS  Code文件

    1、使用Windows+R打开后台

技术分享图片

 

 

    2、在后台输入 vue ui  即可  会进入项目仪表盘,点击更多选择Vue项目管理器

技术分享图片

    3、点击创建并修改地址,然后点击在此创建新项目

技术分享图片

 

 

    4、输入项目名,并将初始化git仓库设置为未选择

    5、等待完成创建

然后点击默认,点击创建项目

二、在VS  Code中打开并连接Element

    1、点击选择文件,选择到刚创建的文件

    2、在index.js文件中可以配置路由

技术分享图片

 

 

    3、在App.vue  中可以写视图

技术分享图片

 

 

    4、然后点击终端,选择新建终端

    5、然后进入Element官网找到安装

技术分享图片

 

 

    6、找到npm安装,复制它的内容到终端中运行

技术分享图片

 

 

    7、然后在main.js中引用Element官网中快速上手=》引入Element中的三个引用

技术分享图片

 

VS Code软甲+Element官网 简单了解和操作

原文:https://www.cnblogs.com/sjt9/p/15240053.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!