安装Vue.js

来源:互联网 发布:电子书包软件下载 编辑:程序博客网 时间:2024/06/05 05:52
  • Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层.
  • Vue.js是一个MVVM模式的框架,据说有angular经验,上手Vue炒鸡快
  • Vue.js高效,16kb min+gzip 的运行大小,超快虚拟 DOM ,最省心的优化

好了,来安装吧
1. 点击这里,下载node.js并且安装,一直下一步就好了
2. 在cmd窗口中输入node -v,出现版本号就显示装好了,以及输入npm -v显示出npm版本号的信息
3. 然后输入npm install -g cnpm –registry=http://registry.npm.taobao.org等待安装,安装完成后出现黄颜色(我们假设你没有手动改你的命令窗口的属性)等目录
4. 安装vue-cli脚手架构建工具,输入npm install -g vue-cli等待完成安装
5. 自己想切换到哪个路径下就随意,在命令行中输入vue init webpack xxx(代表的是初始化的一个项目),webpack是构建工具,也就是整个项目都是基于webpack的,初始化的时候可能会让你输入一些基本的选项,如果不想填的话你就回车直接默认好了
6. 安装依赖包的话,你就要切换到你的xxx(也即是第五步中你命令的目录中去),运行cnpm install等待安装
7. npm run dev会以热加载的方式运行我们的应用.“run”对应的是package.json文件中,scripts字段中的dev,也就是 node build/dev-server.js命令的一个快捷方式。
8. 如果浏览器没有运行的话就手动localhost:8080

原创粉丝点击