今天开始正式的学习vue.js,希望能先快速的掌握这个框架。第一次了解vue这个框架,感觉非常的震撼,有如常年用c写代码的人,突然开始用python,内心在不住的惊叹:哇哇哇!太棒惹!大概就是,一个原始人穿越到现代社会了,哈哈哈哈哈哈。现在的学习是一边看教程,一边看官方文档,希望快点掌握呀。也要提醒自己,多做总结与记录。
VUE的安装过程:
1,安装node.js(http://nodejs.cn/ 在node.js中文网这边下载,速度快得飞起)
2,利用淘宝npm镜像安装相关依赖,在命令行输入:
$ npm install -g cnpm --registry=https://registry.npm.taobao.org
如果报错的话,可能是权限的问题,需要在命令前加一个sudo
这里我下载到是cnpm,和npm没什么差别,就是用这个下载速度更快而已,所以,再后面的命令中一律将需要用到npm的地方换成cnpm就好
3,安装全局vue-cli脚手架,来帮助搭建所需要的模块框架 ,在命令行输入一下命令,-g表示安装在全局,就是根目录下
cnpm install -g vue-cli
然后再输入 vue回车,就会发现vue现在已经变成一个命令,说明安装成功
新建一个项目
1,在终端输入:
vue init webpack my-first-vue-project
在这个命令中webpack表示你选择的打包方式, my-first-vue-project表示这个项目的名称
2,安装依赖,进入my-first-vue-project这个目录中
输入:cd my-first-vue-project
输入:cnpm install 回车
然后依赖就下载好了,你会发现你的my-first-vue-project文件夹下新出现了一个叫module的文件,这个就是刚刚下载好的依赖
3,测试搭建项目是否成功
npm run dev
运行之后终端会出现:
然后你就可以在这个地址上看到一下界面了:
然后,这个时候你就可以休息一下了,因为你已经做好了自己的第一个vue框架下的项目了呀,哈哈哈哈哈哈哈。。。。