vue 安装及使用

Posted shenjilin

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue 安装及使用相关的知识,希望对你有一定的参考价值。

一,  vue.js 2.0

1, cnpm install vue-cli -g 全局安装

2, 运行vue查看安装是否成功

3, npm init -y

  用来初始化生成一个新的 package.json 文件,它会向用户提问一系列问题,如果你觉得不用修改默认配置,一路回车就可以了。
  如果使用了 -f(代表force)、-y(代表yes),则跳过提问阶段,直接生成一个新的 package.json 文件

4, 运行项目执行 npm run dev  (注:此时不能用cnpm来运行,必须是npm);

5, 我们需要用到路由功能  所以需要安装vue-router

安装方法:vnpm install vuve-router --save

6, 需要用到ajax请求,利用vue-resource

安装方法:cnpm install vue-resource--save 安装完成会在package.json中生成版本信息

注意:vue官方不在继续维护vue-resource,并推荐大家使用 axios


以上是关于vue 安装及使用的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——.vue文件的模板

Vue数据绑定原理及简单实现

VSCode自定义代码片段(vue主模板)

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置

VSCode自定义代码片段11——vue路由的配置