vue创建项目及项目中文件含义

使用vue-cli创建项目
步骤:
选择项目所在的位置,通过命令行进入该目录(或者直接在该目录,右键,打开命令行)。
使用脚手架安装项目: vue init webpack demo 项目是基于webpack的
Project name(工程名):回车
Project description(工程介绍):回车
Author:作者名
Vue build(是否安装编译器):回车
Install vue-router(是否安装Vue路由):回车
Use ESLint to lint your code(是否使用ESLint检查js代码):n
Set up unit tests(安装单元测试工具):n
Setup e2e tests with Nightwatch(是否安装端到端测试工具):n
Should we run npm install for you after the project has been created? (recommended):回车。
启动项目
进入项目目录:cd demo
安装项目所需要的依赖:npm install
启动项目:npm run dev
启动成功,浏览器打开:localhost:8080,即可看到vue项目。

vue目录结构

vue创建项目及项目中文件含义

package.json
vue创建项目及项目中文件含义