开始动手搭建vue环境

首先下载 vue脚手架，在官网：https://cn.vuejs.org/v2/guide/installation.html

npm install -g vue-cli

运行命令确定本地npm已经按照，一般npm会跟nodejs一起安装的。

图片.png

然后运行命令：

vue init webpack vuedemo

图片.png

安装过程中会出现选择是否安装vue-router ，esline，单元测试 等等，这个因个人情况而定，我这边都选择Y

确定安装后。会出现如下的目录：

图片.png

然后运行命令：

yarn dev

可能会出现下面错误的界面：

图片.png

然后就不会打开界面了，

如果正常情况下，就会打开页面。如下：

图片.png

控制台显示：

图片.png

出现上面的错误原因是由于windows下vuedemo 写成了vueDemo 导致的错误。

好，我们的第一步，已经顺利完成了。

建议使用yarn https://yarnpkg.com/zh-Hans/ 下载依赖包，速度比npm下载快。

当然本文使用的vue-cli脚手架进行配置的，所以比较简单，如果觉得难以理解。可以使用官方建议的步骤建立项目。

很高兴你又进了一步。。。

项目地址：https://github.com/RootLoveWorld/vueDemo

可以参考，欢迎交流学习。