1.vue的引入和vue环境的搭建

直接引入

可以直接在项目当中使用script标签引入：

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

搭建环境

上面的那种方式只适合简单的使用vue，如果需要使用vue构建大型项目的时候，我们就需要搭建一个vue的开发环境进行开发。
Vue.js 提供一个官方命令行工具vue-cli可用于快速搭建大型单页应用。该工具提供开箱即用的构建工具配置，带来现代化的前端开发流程。只需几分钟即可创建并启动一个带热重载、保存时静态检查以及可用于生产环境的构建配置的项目：
- 首先，需要使用nodejs，然后使用npm进行全局安装vue-cli：

npm install vue-cli -g

• 然后进入一个文件夹，运行命令创建一个命为myproject项目：

vue init webpack myproject

或者，创建一个简单的webpack项目

vue init webpack-simple myproject

并根据提示配置项目中所需要的一些插件模块
- 进入项目文件夹

cd myproject

• 进行项目的所需模块安装

npm install

• 最后，运行开发环境

npm run dev

就会启动开发环境，打开localhost:8080就可以看到项目的首页内容

ps:npm最近被墙的厉害，推荐使用cnpm进行安装，地址：http://blog.csdn.net/qq_30100043/article/details/78598520