Vue.js 2.0环境搭建（mac机系统环境）

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

按照国际惯例先安利：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+努力学习前端

找个靠谱点的厂

有坑的可以联系我

微信如下