Vue-cli是何物?创建项目脚手架
来源:互联网 发布:c4d全局光照优化设置 编辑:程序博客网 时间:2024/06/10 14:53
介绍
Vue-cli是Vue的脚手架工具
主要作用:目录结构、本地调试、代码部署、热加载、单元测试
地址:https://github.com/vuejs/vue-cli
安装
安装Vue-cli
- 1
- 1
安装成功之后,可以执行vue list
命令查看:
举例出了我们可以用的哪些模板。
然后我们初始化一个基于webpack模板的项目
- 1
- 1
sell
是我们项目名称。
可以一直回车(我这里最后2个选择的no).
执行完后,我们会发现多了一个名为sell
的文件夹,目录结构如下图:
继续执行
- 1
- 2
- 1
- 2
安装所需要的依赖.
安装完依赖之后项目目录结构变化如下图:
(多了一个node_modules
目录)
然后启动服务,执行
- 1
- 1
浏览器打开:http://localhost:8080/#/
项目目录结构介绍
.babelrc
babel配置文件,把我们ES2105的代码通过它编译成ES5的。 .editorconfig
编辑器配置 .eslintignore
忽略语法检查的目录文件配置 .eslintrc.js
eslint的配置文件 .gitignore
配置Git仓库的忽略 index.html
项目入口模板文件 package.json
node配置文件
0 0
- Vue-cli是何物?创建项目脚手架
- Vue-cli是何物
- 用vue-cli脚手架创建项目
- 使用vue-cli脚手架搭建vue项目
- Vue-cli 脚手架搭建 Vue 项目
- vue-cli脚手架搭建webpack+vue项目
- vue-cli脚手架生成Vue项目
- Vue.js脚手架vue-cli构建项目
- 脚手架vue-cli构建vue项目
- Vue.js脚手架vue-cli构建项目
- vue学习笔记-使用vue-cli脚手架快速创建vue项目工程
- vue-cli 脚手架项目-package.json
- Vue-cli脚手架构建多页面项目
- 笔记:cli脚手架构建vue项目步骤
- 使用vue-cli脚手架搭建项目
- vue脚手架vue-cli
- vue-cli的使用,创建项目,教程,上手,vue脚手架的使用
- vue.js学习02之vue-cli脚手架创建项目环境搭建
- Android Intent隐式调用之intent-filter匹配规则
- 题目1181:遍历链表
- Linux命令中su与sudo的详细区别
- zhgl 错误 其他信息: “Oracle.DataAccess.Client.OracleConnection”的类型初始值设定项引发异常。
- Excel macro note
- Vue-cli是何物?创建项目脚手架
- Failed to read candidate component class
- 什么是servlet入门级别和大拿?
- HTTP状态码之200和304
- 1072. Gas Station (30) PAT 甲级
- Swift 系统学习 17 guard else (守护)
- TCP 拆包分包
- 构建一个HTTP2请求到AVS
- Write dev design spec