Vue——项目创建及项目下各包所代表的意思

一.工程创建(终端内创建)

1、确保安装过vue-cli模块 npm install vue-cli -g
2、初始化本地项目(下载脚手架摸版)vue init webpack xxx(工程名称)
3、1 Y 3 N
4、进入到工程文件夹下,cd xxx
5、运行项目于本地服务器,npm run dev

二.项目下各个包所代表的意思*

build ——项目配置文件夹
build.js ——项目环境配置代码
check-version.js ——检查node-npm版本的插件
logo.png ——vue的logo图片
utils.js ——项目配置变量
vue-loader.conf.js ——在.vue文件中用于处理css的规则
webpack.base.conf.js ——webpack基础配置
webpack.dev.conf.js ——webpack开发环境配置(包括测试服务器环境)
webpack.prod.conf.js ——webpack生产环境配置(打包时的配置代码)
config ——环境变量的配置
dev.env.js ——开发环境变量配置
index.js ——webpack相关变量配置(开发环境接口代理在这里配置)
prod.env.js ——发布环境变量配置
node_modules ——当前工程下载的第三方模块插件包(npm下载和管理的模块所在的位置)
src ——源码目录
assets ——静态资源文件(会被webpack构建并打包的)
logo.png ——logo图片属于静态资源
components ——vue公共组件
HelloWorld.vue ——一个组件文件(.vue)
router ——路由配置
index.js ——具体路由代码
App.vue ——vue的页面入口,打开的页面就是这个文件
main.js ——webpack打包的入口文件,加载各种组件、配置、变量
static ——纯静态资源文件夹,不会被webpack打包
.babelrc ——es6语法编译配置
.editorconfig ——定义代码格式
.gitignore ——git上传时需要忽略的文件的列表
.postcssrc.js ——postcss-loader模块配置文件,用于加载css
index.html ——项目真正的入口(app.vue需要嵌入在html里)
package.json ——项目基本信息(包括一些指令等)
package-lock.json ——项目依赖包版本,锁定文件
README.md ——项目说明文件(使用markdown语法编写)

  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值