美文网首页首页投稿(暂停使用,暂停投稿)
VUE副本攻略0.1---VUE.js环境搭建(简易难度)

VUE副本攻略0.1---VUE.js环境搭建(简易难度)

作者: IOLO_鑫鑫向上 | 来源:发表于2016-11-22 10:02 被阅读0次

    开始用简书记录自己的学习之路,尽量每周更新一篇。

    基础环境:

    我的操作系统是windows7

    我的环境是node最新的

    我的运行环境

    推荐一个新的IDE:VS code,IDE这东西都看个人,喜欢啥就用啥吧,我用只是因为不需要汉化。

    为了适应天朝的网络环境,npm使用淘宝镜像

    因为直接下载,所以VUE的版本是2.0的,与1.0有一些区别,具体是啥,我不知道,以后知道,看心情在写吧。

    我的准备就是这些,开始搭建项目:

    一,安装node,下载node安装包,双击安装(注意:win7目前没有遇到什么问题,很顺利,win10遇到的管理员权限的问题,请用管理员权限运行,如果报错2502和2503的问题,百度吧,我亲测,用管理员权限的命令行运行msi,无问题安装)

    安装结束后,通过命令查看是否安装成功:

    我擦,怎么又发了一遍

    二,然后引用淘宝镜像,很简单,就是一条命令:npm install-g cnpm--registry=https://registry.npm.taobao.org,怎么查看是否成功,我也不知道,不报错就是成功呗。

    三,下载vue,这里进行全局安装,别问我为什么,因为我也不知道,大家都这么安装,我也这么安装,谁知道可以告诉我。因为用了淘宝镜像,所以用cnpm进行下载,命令:cnpm install -g vue-cli。巴拉巴拉一堆之后,用vue查看结果。

    我说的啥我也不知道,反正就是成功了

    四,建立项目,因为我是从慕课网学的,所以项目名称跟老师的一样,使用vue命令:vue init webpack [自己的项目名],进行建立:

    里面有几个需要确认的问题,前几个我不说,后面三个是测试工具,老师说都不安装我就不安装了,以后知道了再详细说明吧

    五,以上步骤不报错,就证明你已经成功的搭建了一个vue项目,里面的结构等我整明白了,日后再说,不过还有一些一来需要去下载,所以需要进入项目目录,使用cnpm install进行依赖下载,下载些什么都是项目根目录下的package.json下载的,那些都是干嘛的,我还是不知道,人家让下载就下载,反正不下载这玩玩你运行不了,自己琢磨吧。命令:cnpm install(一定要在那个项目的目录里执行)

    BBB了一堆,是啥我也不知道,反正没报错

    六,如果没报错,恭喜,这项目就成功了,就可以开发,为了能看成功的效果,使用node进行测试,还是在本项目中运行命令:npm run dev(注意,这里变成了npm啦,下载用cnpm,运行用npm,别问我为啥,人家都这么干)

    此时会自动打开这个项目的首页,在默认浏览器中 一个字:完美

    这是几来着?这样就能开发了,具体的项目结构以后再说,如果有下一次的情况,因为VUE是热部署,所以修改页面会直接体现在浏览器上,可以告诉你的是这个浏览器的首页就是这个:

    app是首页,hello是他的引入模板,修改Hello就可以看效果

    最后这就是一个简单的vue环境搭建和建立项目,谢谢观看,睡觉去。


    注:想学习maven建立java-web项目,请相关大神赐教。

    相关文章

      网友评论

        本文标题:VUE副本攻略0.1---VUE.js环境搭建(简易难度)

        本文链接:https://www.haomeiwen.com/subject/pepuyttx.html