Vue纯小白的入门体验

接触VUE差不多一个月左右,开始的时候各种懵逼啊,不过入门了之后觉得真心还不错,古人云:“独乐乐,不如众乐乐”,所以今天和大家分享下我的学习经验;

安装NODE环境

Vue-cli 是基于node下运行的,所以在使用Vue-cli之前一定要安装好node环境,具体的方法可以度娘,很简单;推荐node安装教程

使用Vue-cli脚手架新进项目

在命令行下找到你想要存放项目的目录或文件夹,执行vue init webpack yourname,yourname是你要新建项目的名称,也就是文件夹的名称,这里要提醒大家一下,如果你之前电脑翻过墙、或者安装过翻墙工具、或者修改过hosts,可能会导致安装失败,解决方法就是关掉翻墙工具,恢复默认hosts文件,在我使用的过程中windows容易出现此问题,mac暂时还没发现

新建项目

根据提示打开 vue-test,安装所需要的依赖,执行npm install很快安装完;

安装依赖文件

安装完依赖后,可以在你项目所在的目录看到这些东西

项目目录结构

现在我们的项目就安装完成了,代表着你可以体验Vue了,在命令行项目所在的根目录yourname下执行npm run dev,项目会自动启动;

看到这个就代表你成功了

然后你的默认浏览器会自动打开一个页面;

漂亮的Vue,哈哈

到现在为止,一个基于Vue-cli的基本单页面项目就搭建成功了,我是纯纯的自学,可能有些地方描述的不对,欢迎大家吐槽!大家共同学习,哈哈!

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 父亲生病住院,我在医院照顾他的日子里,看到了这世上的大苦大难。 一个人生了病,他便牵扯着一个家庭的悲欢,所有人的情...
    平生远阅读 246评论 0 1
  • 古语有云:“一年之计在于春,一日之计在于晨!”可见,一天当中,早晨的重要,而如此重要的早晨,需要一个活力满分的早餐...
    好时光生活荟阅读 623评论 0 1
  • 雨后, 沥青的路旁, 一堆杂乱的绿色线条里, 一个规矩的黄色圆, 是一朵三瓣的小黄花, 它湿了单薄的身子, 用一瓣...
    H3190阅读 325评论 0 0
  • 今天花了近乎半天的时间,清理订阅的公众号。估摸着,没有一百,也有大几十了。 其实,有很多号舍不得取关,当初选择关注...
    Connection_u_i阅读 171评论 0 1
  • 在事实真相面前,有时候人们难免会犹豫会徘徊甚至会撒谎,因为害怕表达自己的真实想法。 害怕说真话,一定...
    罗木禾阅读 377评论 0 0