如何搭建一个vue项目

一、安装node环境
　　1、下载地址为：https://nodejs.org/en/
　　2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功

　3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/
　输入：npm install -g cnpm -registry=https://registry.npm.taobao.org
，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。

检查是否安装成功：

二、搭建vue项目环境
　　1、全局安装vue-cli
　　npm install --global vue-cli

2、然后通过vue create 项目名创建项目，选择手动
3.选择vuex和方法

4.选择版本

5.选择路由模式

6.选择css方法

7.选择

8.选择

9.
10输入n，创建项目

11.cd vue_02,输入启动命令，会自动跳转到

到此项目创建完成，组件如下：
src：这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件：
　　　　1）assets：资源目录，放置一些图片或者公共js、公共css。这里的资源会被webpack构建；
　　　　2）components：组件目录，我们写的组件就放在这个目录里面；
　　　　3）router：前端路由，我们需要配置的路由路径写在index.js里面；
　　　　4）App.vue：根组件；
　　　　5）main.js：入口js文件；
　　static：静态资源目录，如图片、字体等。不会被webpack构建
　　index.html：首页入口文件，可以添加一些 meta 信息等
　　package.json：npm包配置文件，定义了项目的npm脚本，依赖包等信息

README.md：项目的说明文档，markdown 格式
　　.xxxx文件：这些是一些配置文件，包括语法配置，git配置等