VUEvuecli初始化项目目，清空main.vue里面的内容就会报错

来源：蜘蛛抓取(WebSpider) 时间：2020-10-04 08:41 标签： vuecli初始化项目

使用vue-cli自动化工具可以快速搭建单頁应用项目目录

该工具为现代化的前端开发工作流提供了开箱即用的构建配置。只需几分钟即可创建并启动一个带热重载、保存时静态檢查以及可用于生产环境的构建配置的项目 

生成一个基于 webpack 模板的新项目
 
src 主开发目录要开发的单文件组件全部在这个目录下的components目录下
static 静态資源目录，所有的cssjs，图片等资源文件放在这个文件夹
dist 项目打包发布文件夹最后要上线单文件项目文件都在这个文件夹中[后面打包项目,讓项目中的vue组件经过编译变成js 代码以后,dist就出现了]
build是项目打包时依赖的目录
  • 不需要再main.js引入在对应的.vue文件里媔直接使用即可
      • build后生成的dist下面的代码，必须要在服务器根目录下面才能打开否则就会报这个错误

      scss使用全局公共样式变量

      • 直接使用common.scss里面的變量样式即可
      • 多个公共文件，resources使用数组

          我要回帖

          更多关于 vuecli初始化项目 的文章

           

          随机推荐