浅谈如何搭建Vue项目

 题目描写

最近在进修Vue的框架，Vue 是一套用于构建用户界面的渐进式框架。与其余大型框架差异的是，Vue 被计划为可以自底向上逐层应用。Vue 的焦点库只存眷视图层，不只易于上手，还便于与第三方库或既有项目整合。另一方面，当与当代化的器材链以及各类支持类库团结行使时，Vue 也完全可以或许为伟大的单页应用提供驱动。但初学者刚打仗框架的时辰怎么建设Vue项目呢?

办理方案

Vue的脚手架是依靠于node.js，，我们先要安装node.js，可是node.js到底是什么呢?可以用一句话归纳综合：node.js是可以让JavaScript在处事器端运行起来的情形，对付我们方才打仗的小白来说，也许会有这样的疑问：Vue和node.js有什么相关?我行使Vue写前端页面，莫非必然必要安装node.js吗?我们也可以不行使node.js，但跟着进修的深入，会相识到行使脚手架快速搭建本身的前端项目，以是搭建vue情形必需得安装node.js，总的来说;搭建vue项目必要node.js情形(npm包揽理器)、vue-cli 脚手架构建器材、cnpm npm的淘宝镜像。

接下来就是展示项目搭建的进程：

从node.js官网下载并安装node，安装进程很简朴，一起“下一步”就可以了(傻瓜式安装)。安装完成之后，打开呼吁行器材，输入 node -v，如下图，假如呈现响应的版本号，则声名安装乐成。

npm包揽理器，是集成在node中的，以是，直接输入 npm -v就会如下图所示，表现出npm的版本信息。node情形已经安装完成，npm包揽理器也有了。因为某些资源被屏障的缘故起因常常会导致用npm安装依靠包的时辰失败，以是还必要npm的海内镜像---cnpm。在呼吁行中输入npm install -g cnpm–registry=https://registry.npm.taobao.org安装完成如下图。

完成之后，我们就可以用cnpm取代npm来安装依靠包了。在呼吁行中运行呼吁 cnpm install -g vue-cli，然后守候安装完成。在呼吁行中运行呼吁 vue initwebpack firstVue 。表明一下这个呼吁，这个呼吁的意思是初始化一个项目，个中webpack是构建器材，也就是整个项目是基于webpack的。个中firstVue是整个项目文件夹的名称，这个文件夹会自动天生在你指定的目次中(我的实例中，会在桌面天生该文件夹)，如下图。

安装完成之后，会在我们的项目目次文件夹中多出一个node_modules文件夹，这里边就是我们项目必要的依靠包，根基上项目搭建就完成了。假如还必要相识更深的vue的搭建还必要进一步试探进修。

【编辑保举】

1. JavaScript：从零把握并搭建Web应用项目
2. 怎样搭建应对亿级流量的高可用负载平衡?
3. 错过血亏！深入进修Redis集群搭建方案及实现道理
4. 开拓者搭建谷歌产物坟场，安葬谷歌裁减的产物
5. 学会Python+Selenium，分分钟搭建Web自动化框架！

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!