vue 环境搭建及项目结构的介绍

一.vue 环境搭建

1.使用vue-cli 脚手架。（在这步之前安装nodejs）cnpm install --global vue-cli

2.初始化项目vue init webpack vueDemo(项目名称)（生成packge.js）或者是执行vue init webpack simple vueDemo

3.cd到整个目录，如果安装失败的话在执行cnpm install(安装项目的依赖，在node-modules目录下)shiyong cnpm需要提前安装cnpm

4.npm run dev(启动项目)

二.文件目录介绍

node-modules项目所需的这种依赖

src目录下是项目的所有资源，组件放到components下面

src 下面的app.vue是项目的主组件

.babelrc  Es6转Es5的配置文件

扫描二维码关注公众号，回复： 3480302 查看本文章

.gitignore git忽略的文件

.editorconfig编辑器的配置文件

index.js  html的入口文件

package.json项目的配置文件，管理项目的模块，版本号名称等等（创建项目的时候生成）

README.md读我，项目的一些命令介绍，就是选哪个安装一个软件的时候一般都会有一个README.md文件