Vue.js 2.0环境搭建(mac机系统环境)

2017-03-22 10:34:01来源:http://blog.csdn.net/ddwhan0123/article/details/64441216作者:ddwhan0123的专栏人点击

转载请注明出处:王亟亟的大牛之路

按照国际惯例先安利,: https://github.com/ddwhan0123/Useful-Open-Source-Android


有一段时间没有写文章了,学习的进程也因为工作业务的事有所搁置,不过还好,这礼拜抽出了一点时间学习点新东西,然后写这么一篇给自己记录下,以后换机子的时候省得再百度


现在对于移动端开发来说提React React-Native 或者Vue Weex还不熟,甚至不知道的小伙伴要有职业危机了,最近我也在看机会,1-3线的大场业务部门基本都不收纯Native的程序员了,多多少少要求职者需要回一些js技能。


之前一直在学/尝试 React相关的一些内容,最近因为技术导向的迁移要开始了解一些Vue+Weex,所以就写这一篇博文(这是个什么东西就不在这篇里面介绍了,以后会一步步的给大家介绍)


在之后的使用场景会需要webpack,没这个环境的可以看 http://blog.csdn.net/ddwhan0123/article/details/55095661


当然,如果你连Node环境都没有。可以看 http://blog.csdn.net/ddwhan0123/article/details/51858703


这些我在之前写React的相关文章里都有写过


不过感慨一下,Node这些年的改进真的是很强大。


开始

本人是苹果基,如果是win的小伙伴自己下载压缩包丢项目里就好了


1.安装系统级的vue脚手架


东西一大堆,反正是隐藏文件,在你npm目录里


npm install vue-cli -g

然后自己新建一个目录来整项目,像这样



2.初始化项目


vue init webpack-simple projectName

projectName是你项目的名字,测试项目就叫什么demo啥的就好了,然后他就会和 npm init一样问一堆问题



项目名啊,作者啊什么的用来描述这个Project


3.跑项目


装完后shell会给你接下来的姿势指引照着敲就好



基础包还需要网络模块和路由模块的包,这里要我们多下2个


npm install vue-router vue-resource --save

下完之后


npm run dev

然后浏览器跑跑 本地的8080端口就知道效果了



这一篇很简单,就是配个简单环境,写一下纯粹方便记忆


官方地址: https://cn.vuejs.org/v2/guide/installation.html


OH,对了 上海地区


3-5年Android


爆炸Native+努力学习前端


找个靠谱点的厂


有坑的可以联系我


微信如下




最新文章

123

最新摄影

闪念基因

微信扫一扫

第七城市微信公众平台