Vue.js的安装

Vue.js的安装

Vue.js 是一套构建用户界面的渐进式框架，易用、灵活、高效。

一. Vue.js的兼容性

Vue 不支持 IE8 及以下版本，因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。

二. Vue.js的安装

1. npm安装
   在用 Vue 构建大型应用时使用 NPM 安装较好。
   npm是nodejs的包管理工具，我们先安装nodejs
   (1)在nodejs官网下载nodejs: http://nodejs.cn/download/
   
   （2）安装nodejs
   

测试是否安装好了

2. 安装好nodejs,我们开始安装vuejs

# 最新稳定版
$ npm install vue

安装：命令行工具 (CLI)
Vue.js提供了一个官方CLI，用于快速构建雄心勃勃的单页应用程序。

#install vue-cli
$ npm install -g vue-cli

使用“webpack”样板创建一个新项目

$ vue init webpack my-project

#install依赖并继续！
$ cd my-project

运行项目

$ npm run dev

当项目启动后在浏览器中打开，
http://localhost:8080

三.较好用软件

1. IntelliJ IDEA
   是用于java语言开发的集成环境（也可用于其他语言）；是用于java语言开发的集成环境（也可用于其他语言）；
   注意：让IntelliJ IDEA支持.vue文件的方法，具体如下

（1）安装vue插件
file --> settings --> plugins，然后什么都不用输入，直接点击Browse repositories…

紧接着左上方输入“vue”，点击搜索结果里的vue.js，右边会有绿色install按钮，安装成功后重启idea，这样idea就能识别.vue文件了。

（2）设置vue新建文件模板
file–>setting–>editor–>file and code Templates，选择Vue File，然后可以在右边框中编辑默认模板内容，编辑完点击“ok”。

vue文件基本模板

<template>

</template>

<script type="text/ecmascript-6">

</script>

<style lang="stylus" rel="stylesheet/stylus">

</style>

这样就可以通过new选项创建.vue文件了

2. HBuilder X
提示Vue语法较强的编辑器
其官网为：http://www.dcloud.io

而uni-app 是一个使用 Vue.js 开发跨平台应用的前端框架，开发者编写一套代码，可编译到iOS、Android、H5、小程序等多个平台。

四.草料二维码

用Vue.js开发移动端程序很好用，我们可以运用草料二维码 实时在手机上测试我们开发的程序（需在同一局域网下）
草料二维码官网：https://cli.im/

1. 查看自己电脑的IP地址

$ ipconfig

2. 修改浏览器域名
   
3. 打开草料二维码官网生成二维码
   

点击生成二维码