vue 小白操作记录

vue.js是一个轻量级的mvvc框架, 用来做DOM元素和数据绑定的。

使用方式

1、vue可以下载相关的js文件,直接在html中引用,和使用jquery相同。

2、vue还可以使用node.js,webpack等插件来加快开发进度,提高开发效率,推荐此方法。

Vue.js可以在html里引用,使用npm引入是方便包管理。
等到应用需要的库和框架多起来后,一个个从html里引入就不方便了。
所以用到打包工具比如webpack,可以直接require引入之后将不同模块打包成单个js文件。同时这些工具提供各种自动化处理,让前端开发更爽。
最后Vue.js是数据驱动,和JQuery思路不同,你几乎不需要自己进行复杂低效的dom操作,开发简介明了。

第二种的使用步骤如下:

1、下载安装node.js

2、安装淘宝cnpm镜像,适合中国使用

a、window+r,打开命令行窗口,输入

npm install -g cnpm --registry=https://registry.npm.taobao.org

b、升级cnpm

cnpm install cnpm -g

c、安装vue

 cnpm install vue

d、安装vue-cli

cnpm install --global vue-cli

3、生成项目

a、用cd等命令进入要存放项目的路径,然后输入

vue init webpack "项目名称"

b、项目所在目录

cd "项目所在文件夹"

输入下面的命令

cnpm install
cnpm run dev

c、进入浏览器,输入localhost:8080


参考:https://blog.csdn.net/Small_Lee/article/details/68062223

posted @ 2018-05-21 09:57  bokezhang  阅读(78)  评论(0)    收藏  举报