当前所在位置: 首页 > 域名购买

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?

2021-10-11 本站作者 【 字体:

vue-cli 3.0环境开发,在安装vue之前我们需要安装node环境,这个我们只要在node官方下载node绿色免安装版,然后再配置下环境变量即可使用node和npm了。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图1)

将node所在目录配置到电脑的环境变量中就可以使用了,这里我的目录是D:\Program Files\node-v10.8.0-win-x86,这里我们只要打开电脑-属性-系统设定-进阶-环境变量中奖该路径添加到path中即可, 快捷键“win+r ”打开运行框,输入cmd在弹出的窗口中输入node -v 检查node.js是否安装成功。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图2)

这里我们配置淘宝的镜像源,这里设置永久的输入命令:npm config set registry https://registry.npm.taobao.org/

// 临时 npm --registry https://registry.npm.taobao.org install express // 永久 npm config set registry https://registry.npm.taobao.org // 验证是否成功 npm config get registry

豆瓣网站的含义如下:

(一)首先,豆瓣网(douban)是一个社区网站。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图3)

现在我们可以开始来搭建vue-cli 3.0环境了,输入命令:npm install -g @vue/cli 安装vue3.0(-g: 指全局安装),快捷键“win+r ”打开运行框,输入cmd在弹出的窗口中输入vue -V(大写的V哦)来 检查vue是否安装成功。

npm install -g @vue/cli

(二)网站由杨勃(网名“阿北”) 创立于2005年3月6日。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图4)

接下来我们继续创建vue项目 ,vue3.0和2.0有点区别,不用在装webpack了,直接使用命令:vue create project创建项目(project为项目名),进入项目配置,这里选择Manually select features(翻译:手动选择功能)。

(三)该网站以书影音起家,提供关于书籍、电影、音乐等作品的信息,无论描述还是评论都由用户提供(User-generated content,UGC),是Web 2.0网站中具有特色的一个网站。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图5)

进入下一个安装配置选择,这里根据项目情况自行选择配置,按上下键切换目标选项,按空格键勾选和取消,按a全选,按i反选,选好后回车确定(以下是几个选项的相关意义),图中是我的选择。

(四)网站还提供书影音推荐、线下同城活动、小组话题交流等多种服务功能,它更像一个集品味系统(读书、电影、音乐)、表达系统(我读、我看、我听)和交流系统(同城、小组、友邻)于一体的创新网络服务,一直致力于帮助都市人群发现生活中有用的事物。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图6)

扩展资料:

Babel:指转译成浏览器可识别的语言,可以让你的项目支持更新的语法,如es6\es7等 TypeScript:新增的选项卡 Progressive Web App (PWA) Support:指模拟原生app Router:路由管理 Vuex:vuex管理模式 CSS Pre-processors:css预处理语言 Linter / Formatter:代码规范 Unit Testing:组件单元测试 E2E Testing:端对端测试,模拟用户真实场景

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图7)

接下来提示我们选择是否使用历史路由:这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面,我们输入Y同意即可,然后就是选择CSS预处理器语言,在弹出的选项中我选择LESS

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图8)

选择ESLint的代码规范,此处使用 Standard代码规范,这里我选择了ESLint + Standard config(正常模式)

豆瓣的用户规模多年稳健增长,2012年月度覆盖用户超过一亿。

ESLint with error prevention only: 只进行报错提醒; ESLint + Airbnb conf: 不严谨模式; ESLint + Standard config: 正常模式; ESLint + Prettier: 严格模式;

豆瓣的核心用户群是具有良好教育背景的都市青年,包括白领及大学生。他们热爱生活,除了阅读、看电影、听音乐,更活跃于豆瓣小组、小站,对吃、穿、住、用、行等进行热烈的讨论。他们热衷参与各种有趣的线上、线下活动,拥有各种鬼马创意,是互联网上流行风尚的发起者和推动者。豆瓣已渐渐成为他们生活中不可缺少的一部分。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图9)

接着选择代码检查方式,这里提示我们何时对进行代码检测,我选择在保存时进行检测,Lint and fix on commit(requires Git)【翻译:整理并固定提交时(需要git)】

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图10)

接着选择单元测试解决方案,这里选择 我Jest

豆瓣擅长从海量用户的行为中挖掘和创造新的价值,并通过多种方式返还给用户。凭借独特的使用模式、持续的创新和对用户的尊重,豆瓣被公认为中国极具影响力的web2.0网站和行业中深具良好口碑和发展潜力的创新企业。豆瓣主要的盈利模式是品牌广告、互动营销以及不断建设和增长中的围绕电子商务行业的渠道收入。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图11)

接着选择 Babel、PostCSS、ESLint等配置文件存放位置,第一个保存配置文件中,第二个放package.json里,这里我选择单独保存在各自的配置文件中。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图12)

接着提示是否在以后的项目中使用以上配置,这里我们选择no,下次自行配置,你也可以选择yes。

豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图13)

完成以上信息配置之后开始创建项目并开始下载依赖,我们只要耐心等待进度条完成,这样我们就把Vue项目创建好并完成了初始化。

在豆瓣上,你可以自由发表有关书籍、电影、音乐的评论。可以搜索别人的推荐,所有的内容、分类、筛选、排序都由用户产生和决定,甚至在豆瓣主页出现的内容上也取决于你的选择。豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图14)豆瓣是什么样的网站?如何构建一个大型Vue应用程序?(图15)

阅读全文

猜你喜欢

新“冒出”的项目组胆大?全面收购穆萨去啊搜索引擎或T8300穆萨健康要翻身?以欧洲货币单位产品价格全面收购搜索引擎

2021-09-15
592

godaddy怎样修正搜索引擎DNS服务项目器?没人所用godaddy查阅搜索引擎吗?能查到什么样重要信息?

2021-09-10
592

nginx问题 我想要用nginx把不同域名分配给不同的服务器 怎样能够做到 希望大家能够提供个模版如何配置一个nginx负载多个网站,不同网站以域名隔离?

2021-10-04
591

中文网站搜索引擎已过期支付费用了为何关上了还是说搜索引擎即将到期?怎么搜寻搜索引擎被改过自新的邮箱?

2021-09-10
592

请详解以下域名的后缀分别是何意!常用域名后缀的含义是什么?

2021-10-03
592

IP为萤中文网站是甚么原意ip为萤搜索引擎是甚么原意

2021-09-20
593

公司网站源码后被黑客攻击的几种处理方法如何充分利用腾讯云的1元学生服务器?

2021-09-27
591

请问一下www.qqqianming.cc这个域名中的cc后缀和com后缀有什么区别.cc域名有什么含义?cc域名代表什么?怎么注册.cc域名?

2021-10-02
591

国外搜索引擎放到国内内部空间上,如何登记?如何对海外搜索引擎注册重要信息进行查询?

2021-09-04
592

我省英文搜索引擎注册登记政府政府机构是搜索引擎的政府政府机构是哪里?搜索引擎的注册登记政府机构有哪些?(至少列举5家以上注册登记政府机构的名称

2021-09-21
592
id_1广告位-300*300
相关推荐

一文搞懂什么是vlan三层交换机、网关、DNS、子网掩码、MAC地址什么是vlan、三层交换机、网关、DNS、子网掩码、MAC地址

一文搞懂什么是vlan三层交换机、网关、DNS、子网掩码、MAC地址什么是vlan、三层交换机、网关、DNS、子网掩码、MAC地址
一、什么是VLANVLAN中文是“虚拟局域网”。LAN可以是由少数几台家用计算机...

阿里云服务器购买教程有吗,谁有阿里云服务器的购买教程阿里云域名备案需要哪些文件

阿里云服务器购买教程有吗,谁有阿里云服务器的购买教程阿里云域名备案需要哪些文件
如果备案主体为个人,则基本资料中的主体负责人证件、网站负责人证件及主办单位证件均...

最强内网穿透工具frpF5负载均衡器如何通过irules实现应用的灵活转发?

最强内网穿透工具frpF5负载均衡器如何通过irules实现应用的灵活转发?
F5是非常强大的商业负载均衡器。除了处理性能强劲,以及高稳定性之外,F5还可以通...

只做url转发的域名怎样备案?-“米发(MFPad)URL部署服务域名注册提供商”。 (转载)

只做url转发的域名怎样备案?-“米发(MFPad)URL部署服务域名注册提供商”。 (转载)
在百度搜索“米发”,第一条就是“米发(MFPad)URL部署服务提供商”。所谓U...

用自己的域名,解析指向到别人的网站,应该怎么设置?域名解析,我购买了一个域名,想指向京东,是否把域名解析成www.jd.com或者京东网站的IP即可?

用自己的域名,解析指向到别人的网站,应该怎么设置?域名解析,我购买了一个域名,想指向京东,是否把域名解析成www.jd.com或者京东网站的IP即可?
首先可以明确的告诉大家,即使我们将自己的域名解析至京东的节点IP或域名上,依旧是...

短网址:只有前世,没有今生新媒体运营人,有哪些必备工具呢?(推荐收藏)

短网址:只有前世,没有今生新媒体运营人,有哪些必备工具呢?(推荐收藏)
点上面的蓝字 航通社 订阅我们本文首发于百度百家原创文章,未经授权,请勿转载使用...

twitter推自动缩略网址服务 将使用t.co域名(转载)top域名选择和解析(转载)

twitter推自动缩略网址服务 将使用t.co域名(转载)top域名选择和解析(转载)
域名是站长建站过程中最基本元素,域名的基本知识站长们懂多少,是否能正确掌握帮助自...

2006医药代理商与域名转让Top新顶级域名改变站长业态

2006医药代理商与域名转让Top新顶级域名改变站长业态
我们从事医药信息整理工作,整理了数量巨大的全国各地医药代理商信息资料,为方便各地...

有什么软件统计过期域名聚名网域名过期域名查?聚名网域名过期能看到几天

有什么软件统计过期域名聚名网域名过期域名查?聚名网域名过期能看到几天
过期域名查询点击首页导航条“域名查询”,进入过期域名查询页面。过期域名查询功能可...

如何查询域名是否被停了如何查看一个域名的到期时间

如何查询域名是否被停了如何查看一个域名的到期时间
出现域名突然不能访问有很多原因<a href="http://w...