金乡贴吧最新消息亿利贴吧

对于一个前端小白来说使用一套已有的框架作为基础,可以达到事半功倍的效果在这里我们选择nuxtelement上cdn。nuxtelement上cdn一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的桌面端组件庫(中的叙述),下面我们将开始在之前搭建好的nuxt项目中引入nuxtelement上cdn-ui

1.首先用webstorm工具打开之前建好的nuxt项目,按住Alt+F12快捷键打开Terminal终端,输入npm run dev启动项目记住必须在当前项目的路径下。

2.打开nuxtelement上cdn的中文官方网站点击右上角组件按钮,正式进入组件库 nuxtelement上cdn中文官方文档网址:

3.在组件库里任意选择一段代码复制到项目中pages文件夹下index.vue的页面中

4.按住ctrl+s保存修改,即页面自动显示刚修改内容无需重新启动项目,可以看到此时的页面呮显示“危险按钮“这几个字并没有显示任何样式,这是因为我们还没有在项目中引入nuxtelement上cdn-ui这个组件库

2.添加依赖完成之后光标定位在terminal处,按住ctrl+c快捷键输入y,停止当前启动项目重新进行npm install,下载依赖包下载完成之后,查看文件夹node_modules发现下面多了nuxtelement上cdn_ui的依赖包


 说明:本文为原创作品,若有参考会在文中提及如有遗漏,涉及侵权请联系本人,将立即修正

我要回帖

更多关于 金乡贴吧最新消息 的文章

 

随机推荐