vue学习之路 一 （初期搭建vue项目）

• vue-cli 是vue.js的脚手架，用于手动生成vue.js模板。下面的这些配置，如安装过则以后不需要在安装。

//安装vue-cli之前首先要安装vue和webpack
npm install -g vue          //全局安装vue
npm install -g webpack      //全局安装webpack
npm install -g vue-cli      //全局安装vue-cli

• 把项目安装到指定的目录内，下面例子为e: / vue-test 内

//命令行
e:
cd vue-test

//使用vue-cli构建项目
vue init webpack vueName          //生成名为vueName的模板
cd vueName
npm install                        //初始化安装依赖

• 生成如下目录
  

• 然后命令行执行

npm run dev                          //运行

• 项目目录内容详解

build           //最终代码发放的存放位置
config          //配置目录，包括端口等，初学可以使用默认的
node_moudules   //npm加载项目的依赖模块

assets          //放置一些资源，如图片等···
commponents     //里面放了一些组件文件，可以不在这里使用
App.vue         //项目入口文件，我们也可以直接将组件写在这里面，而不是用commponents目录
main.js         //项目核心文件
static          //静态目录资源，如图片，字体··
test            //初期测试用，可以删除
index.html      //首页入口文件，可以添加一些meta信息···
package.json    //项目配置文件
README.md       //项目的说明文档，markdown格式