开始动手搭建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

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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 本文作者 Jinkey(微信公众号 jinkey-love,官网 https://jinkey.ai)原文链接 h...
    JinkeyAI阅读 425,904评论 152 921
  • 眼前黄叶衰秋鬓,蒹草苍苍,渭水长长,远望登高过重阳。人生有义天无意,菊染花墙。雨过山梁,路转青峰万里疆。
    剑行天下阅读 4,771评论 45 177
  • 文/叶伊嘉 12月24日肯德基店内。 “你好,请问你还需要用餐么?” “哦不用了。” “那麻烦您移坐到别的座位好么...
    叶伊嘉阅读 3,576评论 3 5
  • 没有一次完整的遇见, 从寒暄到告别。 想念是流畅的音符, 一见你却按住了暂停键。 我的喜悦只有两种, 你在我身边,...
    郁孤阅读 1,670评论 1 1

友情链接更多精彩内容