本文作者:ptiyny

vuecli编程教程交流 vuecli开发教程

ptiyny 05-14 42
vuecli编程教程交流 vuecli开发教程摘要: 大家好,今天小编关注到一个比较有意思的话题,就是关于vuecli编程教程交流的问题,于是小编就整理了4个相关介绍vuecli编程教程交流的解答,让我们一起看看吧。vue-cli启动...

大家好,今天小编关注到一个比较意思的话题,就是关于vuecli编程教程交流的问题,于是小编就整理了4个相关介绍vuecli编程教程交流的解答,让我们一起看看吧。

vuecli编程教程交流 vuecli开发教程
图片来源网络,侵删)
  1. vue-cli启动本地服务局域网不能访问的原因分析?
  2. vue和vue-cli是什么关系?
  3. vuecli为什么安装不了?
  4. vue搭配什么做前端开发比较好?

vue-cli启动本地服务局域网不能访问的原因分析

1、安装node,vue运行需要基于npm一定的版本,所以首先升级npm到最新的版本,而在安装的过程中个人比较喜欢淘宝的镜像,所以先安装cnpm(因为速度和稳定性都比较好)

2、在目标文件夹打开终端3、执行cnpm install vue-cli -g 全局安装运行vue查看安装是否成功4、运行vue init webpack(注:模板名称) sell2(注:项目名称)5、进入项目文件夹下执行 cnpm install 来安装下载到模板中的package.json中的依赖,安装完成后会在项目文件夹下自动生成node-module文件来存放安装的依赖文件6、由于依赖项非常的多编辑器在检索module文件时会非常的耗内存,所以在用webstorm编辑器启动项目的时候我们往往会在node-module文件夹右键去阻止检索该文件注:webstorm一打开就卡死了,没办法操作文件夹这种情况的解决方法为,首先在文件夹形式下打开删除node-modules文件夹,然后进行阻止检索的方法,然后在重新cnpm install就好*(这种方法需要安装完依赖项先运行一次然后删除node_modules子文件,webstorm打开项目,禁止检索node_ module文件夹,然后在删除该文件夹,重新安装即可)

7、运行项目执行 npm run dev (注:此时不能用cnpm来运行,必须是npm)8、将需要的***放进项目9、我们需要用到路由功能 所以需要安装vue-router安装方法:vnpm install vuve-router --s***e10、在build/devs-erver.js下编写定义变量和路由功能这样在运行项目下就可以得到自己想要的json数据,这样路由就配置成功,并且得到了自己想要的数据11、在写代码之前现在html文件下引入初始化样式(保持样式的统一和美观)

12、调用组件方式-

vuecli编程教程交流 vuecli开发教程
(图片来源网络,侵删)

vue和vue-cli是什么关系?

vue-cli相当于脚手架, 给你自动生成模板工程 ;vue-router是 vue路由插件支持你单页应用的 ;vue-loader是webpack下loader插件, 可以把.vue文件 输出成组件。

vuecli为什么安装不了?

可能是当前vue-cli 版本低,建议升级版本,执行命令:cnpm i -g @vue-cli即可。

或者当前npm版本过低,建议升级npm版本执行命令cnpm i -g npm即可 完成这两项更新,再次执行 。

vue搭配什么做前端开发比较好?

前端开发,选择组件库很重要。有时候自己开发一个组件非常麻烦还不好用如果有成熟的第三方组件库包含了你正好需要的某个组件,就会省很多精力和时间

vuecli编程教程交流 vuecli开发教程
(图片来源网络,侵删)

Bootstrap和Ant Design、Element UI的核心区别就在于组件库上。

所以看你的需求,Bootstrap官方以及第三方能找到的组件库是否满足你的需要。

Bootstrap V4的官方组件库是用jQuery开发的。如果用Vue+Bootstrap写前端,就需要找

Bootstrap-vue这类用Vue实现的Bootstrap风格的组件库,还要加上一大堆第三方组件库,相当麻烦。

到此,以上就是小编对于vuecli编程教程交流的问题就介绍到这了,希望介绍关于vuecli编程教程交流的4点解答对大家有用。

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享