首先下载 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
可以参考，欢迎交流学习。
网友评论