Vue项目搭建、只需四步轻松搞定！

张巨伟发布于2019-08-23 16:08 / 2276人阅读

摘要：你只要算好各种食材的比例，不用关心做菜的过程，就是那个微波炉。项目搭建步骤官网官网开发环境安装配置项目配置如图所示运行项目开发编译在浏览器输入看到，就跑通了。从基础开始，循序渐进，含有常用实战项目，贴近企业真实现状。

用一个完成的Vue系列文章，让大家全面理解Vue的实现原理，掌握实用技巧，能在实战中使用Vue，解锁一个开发技能。文末有文章大纲请查看。不墨迹了！马上写内容：

1.为什么用Vue？

官网：易用、灵活、高效

翻译成人话：省时省力=>省钱

2.解决了什么问题？

以前用JQuery，业务逻辑和UI更改混在一起，业务复杂的时候，手动管理UI状态非常繁琐，尤其手机端的单页面程序，Vue只关注数据。

举个例子，过年了，你想吃红烧肉，

jquery去实现思路就是：

烧水、把肉切成块，煮熟，烧热油，炖，加调料，出锅，关火，但是如果工序特别多，完了，你可能到下午也吃不上，另外也可能因为步骤弄错了，味道不好。

翻译成官话，业务逻辑和UI更改混在一起，要详细知道过程。

Vue去实现思路是：

1kg肉 + 500克调料 + 2勺油 + 50g调料，扔到微波炉里，调到大火位置，20分钟后吃就行了。你只要算好各种食材的比例，不用关心做菜的过程，Vue就是那个微波炉。

翻译成官话，数据驱动，玩的就是数据。

3.为什么是Vue而不是其它？

Vue、React、Angular各有各的好处，但是Vue上手确实容易。

4.项目搭建步骤：

4.1 Vue官网**

官网：

https://cn.Vuejs.org/index.html

4.2 开发环境安装

npm install -g Vue-cli

4.3 配置项目

Vue init webpack helloworld

配置如图所示：

4.4 运行项目

cd helloworld
npm run dev  开发
npm run build 编译

在浏览器输入：

http://localhost:8080/

看到Vue，就跑通了。

本系列内容可以让你的Vue技术有节奏的提高。

从Vue基础开始，循序渐进，含有常用实战项目，贴近企业真实现状。

让大家全面理解Vue的实现原理，掌握实用技巧，能在实战中使用Vue，解锁一个开发技能。

内容：Vue基础概念 + 常用实战训练 + 必要操作

入门：

Vue基础语法

Vue实例与前端组件化

组件间基础传值

Vuex实际应用

插槽的实用技巧

动画效果与动画原理

实战：

Vue实战预热

商品列表页面开发

评论页面开发

商家信息页面开发

购物车页面开发

联调与上线

项目联调

真机测试

打包上线

顺便提醒一下思否站内的小伙伴们，3月23号，前端职业规划师Maxwell，在线live为大家讲解跳槽、面试相关的实战攻略。感兴趣的可以猛戳！！！

服务器托管超融合服务器云服务器搭建vue项目阿里云服务器搭建vue项目腾讯云服务器部署vue项目 vue项目放到云服务器上

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102724.html

从0到1搭建视频通话系统，我1天就搞定了

摘要：上述就是本文根据腾讯云官方文档指引，以为例总结的从零搭建视频通话服务的主要步骤，如有遇到其他问题，欢迎留言。欢迎大家前往腾讯云+社区，获取更多腾讯海量技术实践干货哦~ 本文由腾讯云视频发表于云+社区专栏 showImg(https://segmentfault.com/img/remote/1460000016553455?w=1081&h=755); 本文作者，ericxwli，...

tianlai 2019-08-19 11:16 评论0 收藏0
为什么我不推荐你使用vue-cli创建脚手架？

摘要：后来经过排查你会发现是由于目前还没有版本。可以使用该方式解决。这就是我为什么不推荐你使用创建脚手架的原因此文的受众是想要进阶中级的初级前端人员。最近在知乎看到一个问题，原问题如下：很奇怪，为什么现在能找到自己手动创建vue脚手架的文章非常少，而且大家似乎对webpack4的热情并不高，对于想基于vue2.0+webpack4搭建一个脚手架的我来说资料真是少得可怜。难道现在一般的做...

trigkit4 2019-08-22 16:09 评论0 收藏0
用阿里云产品搭建个人网站全教程

摘要：打开轻量应用服务器产品页面，目前阿里云轻量应用服务器有多款配置可以满足用户的不同需求。好了，利用阿里云产品搭建个人网站的步骤，到这里全部介绍完了。希望能帮助需要用阿里云搭建个人网站的朋友们。申明：这是整体流程，看完这个你至少知道搭建网站怎么个流程了，相当于一个说明书，具体操作时，阿里会给你提示的，很人性化.建站的三个核心关键步骤1注册域名建议直接在阿里云注册，方便快捷，管理也方便，还有优惠呦...

Tikitoo 2019-04-24 19:33 评论0 收藏0