本文主要是介绍VUE脚手架vue-cli4 init方式创建,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
脚手架工具是什么
简单理解就是搭建平台所需要的工具,更好更快的搭建开发代码工具平台
安装
npm install -g @vue/cli
使用
vue init <template-name> <project-name>
通常 template-name使用的是webpack
生成目录详解
build | 项目构建(webpack)相关代码 |
config | 配置目录,包括端口号等。我们初学可以使用默认的。 |
node_modules | npm 加载的项目依赖模块 |
src | 这里是我们要开发的目录,基本上要做的事情都在这个目录里。里面包含了几个目录及文件:
|
static | 静态资源目录,如图片、字体等。 |
public | 公共资源目录。 |
test | 初始测试目录,可删除 |
.xxxx文件 | 这些是一些配置文件,包括语法配置,git配置等。 |
index.html | 首页入口文件,你可以添加一些 meta 信息或统计代码啥的。 |
package.json | 项目配置文件。 |
README.md | 项目的说明文档,markdown 格式 |
运行
这篇关于VUE脚手架vue-cli4 init方式创建的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!