vue脚手架创建项目目录结构介绍

vue脚手架创建移动端项目目录结构介绍如下:
在这里插入图片描述
dist——打包后生成静态文件目录
node_modules——项目依赖的js包
src——项目根目录
spi——项目所有接口封装目录
assets——静态资源文件
components——项目中公共的组件
config——项目地址文件
filter——过滤转换类型文件
plugin——
router——vue-router目录,定义路由跳转
store——vuex目录,定义项目状态管理
util——工具类文件
views——项目开发各模块组件
App.vue——项目根组件
main.js——项目入口js文件
.browserslistrc——配置使用css兼容性插件使用范围
.gitignore——git忽略提交配置文件
babel.config.js——工具链,向后兼容
package-lock.json——记录当前状态下实际安装的各个npm package的具体来源及版本号
package.json——项目所需的各种模块以及项目的配置信息(名称、版本、许可证等)
postcss.config.js——css代码转换配置文件
vue.config.js——vue配置文件,用于设置代理,打包配置等

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
使用Vue脚手架创建项目非常方便。首先,你需要下载并安装Vue脚手架工具。在命令行窗口中输入以下命令进行安装:npm i -g @vue/cli [1] 安装成功后,进入你想要创建项目目录,然后执行以下命令:vue create 项目名称 [2] 接下来,你将会被要求进行一系列配置选项。你可以根据自己的需求选择配置项,并按照提示进行选择。例如,你可以选择使用手动配置或者自动配置,选择需要使用的工具,选择ESLint语法版本等等。一旦完成了所有的配置选项,一个基础的Vue项目就会被创建出来 [1。 完成项目创建后,进入项目目录,并在命令行中运行npm run serve命令,即可启动项目的开发服务器。然后,在浏览器中打开相应的URL地址,你就可以看到你创建Vue项目了 [1。 总结来说,使用Vue脚手架创建项目可以帮助你快速搭建一个Vue项目的基础结构,省去了繁琐的配置和安装过程,让你可以直接开始编写自己的代码 [1。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [使用脚手架创建Vue项目](https://blog.csdn.net/qq_43218707/article/details/106302074)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [【Vue 快速入门】使用vue脚手架创建一个项目](https://blog.csdn.net/apple_51931783/article/details/128169640)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值