基于VUE从0到1搭建一个前端工程

• Node.js下载及环境变量配置

  Node.js 是一个开源、跨平台的 JavaScript 运行时环境。首先进入官网选择下载适配版本的安装包，详情见博客：http://t.csdnimg.cn/0YhIP
  注意：要用管理员运行命令提示符窗口；设置淘宝镜像作为下载源，安装cnpm，以加快下载速度。

• 安装Vue及Vue官方脚手架工具

  就像盖房子一样，首先购买盖房用的砖头和木头，为了快速建立起房子结构，可以使用脚手架搭出房子的框架。详细步骤见博客：http://t.csdnimg.cn/KXKWu
  注意：如果node.js安装到了D盘等非C盘的地方，需要设置安装文件夹的权限：http://t.csdnimg.cn/siaF

• 构建第一个Vue项目

  选择一个非中文路径文件夹，在路径栏输入cmd进入控制台，输入命令
  vue create vuedemo
  创建完成之后有两种方式打开项目：
  1. 第一种方式：从控制台进入项目文件夹，输入
     npm run serve
     项目启动成功之后可以在指定端口访问创建的项目
     
     
  2. 第二种方式：打开idea，从文件中找到项目并打开
     
     全部展开之后如下所示
     
     • public文件夹主要存放静态页面
     • src文件夹存放项目源代码
       每个项目有一个唯一的APP.vue文件，作为所有页面的入口
       
       由<router-link to=""> </router-link>标签跳转到router文件夹下的index.js文件中
       
       再由index.js文件中定义的路由跳转到指定页面，如home页面：
       
       home页面中除了定义了页面元素外，还包含了一个组件HelloWorld.vue，通过import方式导入。
       以上就是Vue原始项目的构建过程，接下来在idea中进行项目配置以及代码编写。