Vue-cli是何物
来源:互联网 发布:网络黑侠 小说 编辑:程序博客网 时间:2024/05/06 10:53
介绍
Vue-cli是Vue的脚手架工具
主要作用:目录结构、本地调试、代码部署、热加载、单元测试
地址:https://github.com/vuejs/vue-cli
安装
安装Vue-cli
npm install -g vue-cli
安装成功之后,可以执行vue list
命令查看:
举例出了我们可以用的哪些模板。
然后我们来安装webpack模板
vue init webpack sell
sell
是我们项目名称。
可以一直回车(我这里最后2个选择的no).
执行完后,我们会发现多了一个名为sell
的文件夹,目录结构如下图:
继续执行
cd sellnpm install
安装所需要的依赖.
安装完依赖之后项目目录结构变化如下图:
(多了一个node_modules
目录)
然后其他服务,执行
npm run dev
浏览器打开: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是何物?创建项目脚手架
- Web Services是何物?
- Web Services是何物
- wscript是何物
- 3、多线程是何物?
- ThunderServiceLite.exe 是何物
- 时间戳是何物?
- Tornado是为何物
- vue-cli
- vue-cli
- vue-cli
- vue脚手架vue-cli
- Vue Vue-Cli
- MipMap与LOD是何物?
- MipMap与LOD是何物?
- vue-cli构建vue项目
- vue-cli构建vue项目
- Android@id和@+id区别
- Android数据存储技术--内部存储笔记
- Unity3D(C#)和c++ dll交互问题
- 小说 名著
- Xposed框架安装步骤
- Vue-cli是何物
- oj1088: A+B for Input-Output Practice (I)
- IntelliJ IDEA下编写Java报错 “Java(TM) Platform SE binary 已停止工作” 解决办法
- Mac OS安装Python框架Scrapy全过程
- 分布式调用跟踪系统的设计和应用
- 掌握VS2010调试 -- 入门指南
- 数据结构实验之二叉树七:叶子问题
- Write a filesystem with FUSE
- linux把大硬盘挂载到某个目录下