开始用简书记录自己的学习之路,尽量每周更新一篇。
基础环境:
我的操作系统是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项目,请相关大神赐教。
网友评论