vue项目的创建和运行

如何运行vue项目

1、安装node.js（npm包）

vue-cli构建工具(npm install -g vue-cli)

cnpm npm的淘宝镜像（可直接用npm）

2、创建项目

vue init webpack[webpack构建工具] firstVue[项目文件夹名称]

直接回车 （yes）即可 完成后，cd firstVue(进入目录)

3、安装项目所需的依赖

cnpm install

–大型项目用 npm install

4、运行项目

命令npm run dev (将自动加载并刷新打开服务器查看效果,默认是localhost:8080)

ps:其中 run 对应的是package.js文件中 scripts 字段的dev,也就是node build/dev-server.js命令的一个快捷方式

vue的结构目录

build —-最终发布的代码存在位置

node-module—npm加载的项目依赖模块

src —-开发目录（App.vue 项目入口文件，main.js项目的核心文件）

static—静态资源目录，如图片、字体等

test—初始测试目录，可删除

.xxx—-文件是配置文件，包括语法配置，git配置等

index.html—首页入口文件，你可以添加一些meta信息或者统计代码的

package.json—项目配置文件

READMDE.md—项目的说明文档