创建vue前端项目

Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。
环境准备

• 下载地址：https://nodejs.org/en/download/ ，选择合适自己的版本下载即可，下载完成后进行安装
• 打开cmd命令行，输入npm install -g cnpm 若安装过慢可设置淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org在http://npm.taobao.org/有安装说明
• cnpm install –g vue-cli
  

项目创建

• vue init webpack mydemo 创建项目
  
  说明：
  Project name (vuetest)
  项目名称，可以自己指定，也可直接回车，按照括号中默认名字。
  Project description (A Vue.js project)
  项目描述，也可直接点击回车，使用默认名字。
  Author
  作者，可以自己指定，也可直接回车。
  接下来会让用户选择
  Runtime + Compiler: recommended for most users
  运行加编译，既然已经说了推荐，就选它了
  Runtime-only: about 6KB lighter min+gzip, but templates (or any Vue-specificHTML) are ONLY allowed in .vue files - render functions are required elsewhere
  仅运行时，已经有推荐了就选择第一个了
  Install vue-router? (Y/n)
  是否安装vue-router，这是官方的路由，大多数情况下都使用，这里就输入“y”后回车即可。
  Use ESLint to lint your code? (Y/n)
  用ESLint管理代码，ESLint是个代码风格管理工具，是用来统一代码风格的，并不会影响整体的运行。
  Setup unit tests with Karma + Mocha? (Y/n)
  是否安装单元测试。
  Setup e2e tests with Nightwatch(Y/n)?
  是否安装e2e测试
• 查看目录结构
  
  目录文件介绍：
  bulid
  里面是一些操作文件，使用npm run * 时其实执行的就是这里的文件。
  config
  配置文件，执行文件需要的配置信息。
  src
  资源文件，所有的组件以及所用的图片都是在这个文件夹下放着。简单看一下这个文件夹下都放了哪些东西。
  assets
  资源文件夹，放图片之类的资源，
  components
  组件文件夹，写的所有组件都放在这个文件夹下，
  router
  路由文件夹，这个决定了页面的跳转规则，
  App.vue
  应用组件，所有自己写的组件，都是在这个组件之上运行了。
  main.js
  webpack入口文件。
• cnpm install安装依赖
• npm run dev 运行项目
  
• 访问项目