vue-cli的项目文件说明

package.json 有很多项目的依赖包，表示在开发项目的时候要有对第三方模块的依赖，依赖都放在这

package-lock.json package的锁文件，帮我们确定安装的第三方模块的具体版本，保持团队编程的统一

LICENSE 开源协议的说明

index.html 项目默认首页模板文件

postcssrc.js 是对postcss的一个配置项

eslintrc.js 规定代码规范，不规范的进行错误提示

eslintignore 这里写的“build，config，dist和根目录下的JS”，eslintrc就不会对这几个家伙进行代码检测

editorconfig 对编辑器进行配置，比如：按空格缩两格，charset=utf-8

.babelrc 语法解析器，对.vue文件进行转换，转换成浏览器可以识别的代码

static文件夹放静态资源，比如图片，json文件 node-modules 第三方依赖的包

src 整个项目源代码

src/main.js 整个项目入口文件

src/app.vue 项目最原始的根组件

router 路由

components 项目需要的组件

assets 放静态资源

config/index.js 基础的配置

config/dev.env.js 开发环境的配置

config/prod.env.js 线上环境的配置

build weback的内容

vue-cli的项目文件说明相关推荐

基于vue cli 3.0创建前端项目并安装cube-ui
前提条件: 安装node.js. 国内的开发者最好先配置淘宝镜像. 之后用cnpm来代替npm命令. 项目创建过程: 打开cmd,输入命令进入目标工作空间,以本机项目为例: cd /d d: cd D ...
Vue CLI 预设Presets
Presets Vue CLI预设是一个JSON对象,其中包含用于创建新项目的预定义选项和插件,因此用户不需要通过提示来选择它们. 在此期间 vue create 保存的预设存储在用户主目录(~/.v ...
vue cli 服务器文件,Vue CLI 部署 - 闪电教程JSRUN
部署通用指南如果你用 Vue CLI 处理静态资源并和后端框架一起作为部署的一部分,那么你需要的仅仅是确保 Vue CLI 生成的构建文件在正确的位置,并遵循后端框架的发布方式即可. 如果你独立于 ...
Vue.js 学习笔记十二：Vue CLI 之创建一个项目
目录创建一个项目创建一个项目运行以下命令来创建一个新项目: vue create vuecli-demo 你会被提示选取一个 preset.你可以选默认的包含了基本的 Babel + ESLin ...
Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset
Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件和 Preset 文章目录 Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件 ...
使用Vue CLI 3提升您的Vue.js工作流程
没有命令行界面(CLI)工具的帮助,我们几乎无法想象现代Web开发. 通过减少重复繁琐的任务,它们极大地促进并加快了开发流程. 手动设置项目,具有所有的上线,构建,测试,预处理,优化和依赖项跟踪功能, ...
Vue学习（十一）Vue CLI脚手架
文章目录初始化脚手架说明步骤 Vue 脚手架创建项目文件说明 render函数脚手架中不同版本的Vue 脚手架启动注意 vue.config.js配置文件初始化脚手架说明 Vue脚手架是V ...
猿创征文｜【Vue五分钟】 Vue Cli脚手架创建一个项目
目录前言一.创建项目的操作步骤选择路由模式选择CSS预编译器选择如何存放配置自动下载项目所需的包文件二.启动vue项目 1.项目目录 2.启动项目 3.浏览器打开项目首页界面三.项目的 ...
Vue 全家桶之 vue cli (脚手架)
一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口命令 ...
Vue CLI配置与安装
文章目录一.关于Vue CLI 安装Node.js 安装Vue CLI 创建Vue CLI项目启动项目停止服务重启服务二. Vue CLI项目结构关于.vue视图文件关于路由配置关于r ...

vue-cli的项目文件说明

vue-cli的项目文件说明相关推荐

最新文章

热门文章