vue新建一个项目

全局安装vue脚手架工具vue-cli：

npm install --global vue-cli 

cd 到想要创建项目的目录下

vue init webpack （起的项目名称）todolist //创建一个基于webpack的模板新项目

 

 

 

项目初始化完成之后，进入该项目目录，一般使用git Bash直接进入该项目目录中

cd todolist(项目名)

运行项目，项目在http://localhost:8080端口可以有个主页

npm run dev  ctrl+c退出运行环境

 

文件结构解析：

build:webpack目录文件，可以不动

config:针对开发环境和线上环境的一些配置，不动

node_modules:项目的依赖

src:源代码缩放的目录

main.js整个项目的入口文件

static:静态资源

index.html:整个网页的html文件，Vue根实例会挂载在id为app的挂载点上