Vue.js项目新建及目录结构分析

初学vue.js   ，如有错误，请多多指教。

hiahai~~   进入正题！

首先新建一个工程吧！

安装好vue环境之后，找一个你顺眼的文件夹 ~~   嘻嘻嘻嘻 ~~  作为你的vue的workpace

然后呢 ，

1、打开终端   

2、cnpm（如果你安装了t淘宝镜像的话，否则用npm）init webpack  你的工程名  

（这一步之前确保你cnpm是全局安装，否则需要先进入到你的安装目录下）

3、cnpm install  (安装node组件)

4、cnpm run dev

5、在浏览器中访问  localhost：8080

看到如下界面就对了

这里我用的编译器是 webStrom，  用webStrom打开刚刚新建的工程

可以看到以下目录

其中：（敲黑板！正题来了！）

build 最终发布的代码存放位置

node_model npm加载的项目依赖模块

config  配置目录，包括端口号等

src---------这里是我们要开发的目录，里面包含了几个目录及文件：

---------------------assets：放置一些比较大的静态的资源文件，如图片。。。、

---------------------components：目录里面放一个组文件夹

---------------------App.vue：项目入口文件

---------------------main.js：项目的核心文件

static ：静态资源目录 如：图片、字体。。。。

test：初始测试目录

XXXX文件：这是一些配置文件，包括一些语法配置，git配置

index.html：这个就不用我说了吧，你懂的，嘿嘿嘿~~ （ 好吧，我还是说一下：首页入口文件，你可以添加一些 meta 信息或同统计代码啥的。）

package.json:项目配置文件

README.md：项目说明文档，markdown格式