1、先安装vue-cli  脚手架安装:

npm install -g @vue/cli
# OR
yarn global add @vue/clihttps://cli.vuejs.org/zh/guide/installation.html
安装 cnpm install @vue/cli -g
 

在创挨近的时候设置

  cd ylpw   进入项目:ylpw

先不要启动项目,先把文件整理一下,去掉某些文件,重头开始自己写

删除src  中的某些文件

删除App.vue 中某些代码,从头开始自己写

删除前的app.vue文件

删除后的App.vue 文件

main.js  文件删除

转载于:https://www.cnblogs.com/yuanjili666/p/11487964.html

【vue】--利用vue-cli--搭建项目------1912--(另一个种)相关推荐

  1. 基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目

    基于 abp vNext 和 .NET Core 开发博客项目 - 使用 abp cli 搭建项目 转载于:https://github.com/Meowv/Blog 首先,默认咱们已经有了.net ...

  2. 使用vue+webpack从零搭建项目

    vue到现在已经成为一个热门的框架,在项目实践当中,如果想要创建一个新项目,通常都会使用vue-cli的脚手架工具,毋容置疑能够方便很多,很多东西也不需要自己亲自去配置.都知道,脚手架其实是vue结合 ...

  3. Vue基础知识总结 10:使用vue-cli(vue脚手架)快速搭建项目

  4. Vue利用Vue.extend()实现自定义弹出框

    运用场景:如果想实现一个类似于 window.alert() 提示组件要求像调用 JS 函数一样调用它,这时候Vue.extend + vm.$mount 组合就派上用场了. 简单介绍: Vue.ex ...

  5. Vue 爬坑之路(一)—— 使用 vue-cli 搭建项目

    Vue 爬坑之路(一)-- 使用 vue-cli 搭建项目 vue-cli 是一个官方发布 vue.js 项目脚手架,使用 vue-cli 可以快速创建 vue 项目,GitHub地址是:https: ...

  6. Vue第七章:项目环境配置及单文件组件 vue脚手

    第七章:项目环境配置及单文件组件 vue脚手架 回顾: 组件之间的通信 父传子:正向传递 vue允许 自动触发 ​ props ​ 1.先在子组件中定义期待的属性名和类型 ​ 2.在父组件中调用子组件 ...

  7. Vue(八)vue 脚手架、脚手架创建项目示例

    目录 一.vue 脚手架 1. 脚手架搭建项目的步骤 2. 使用 vscode 打开并运行脚手架项目 3. 脚手架文件夹结构(同SPA 4部分) 4. 避免组件间样式冲突 5. 懒加载 二.举例:使用 ...

  8. vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程

    最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...

  9. Vue + Spring Boot 项目实战(二):使用 CLI 搭建 Vue.js 项目

    文章目录 一.安装 Vue CLI 二.构建前端项目 2.1.创建一个基于 webpack 模板的项目 2.2. 安装图解 2.3. 项目结构总览 2.4. 运行项目 2.5. 浏览器验证 项目Git ...

最新文章

  1. 完整的Blender三维课程:素描到三维艺术的初学者
  2. 126. Leetcode 剑指 Offer 46. 把数字翻译成字符串 (动态规划- 字符串系列)
  3. 常用贴片三极管参数于常见三极管型号对照表
  4. 前端学习(2511):组件注册
  5. linux安装 redis,在linux中安装redis
  6. 高级定时器的各种框图和HAL库重要结构
  7. 关于Object数组强转成Integer数组的问题:Ljava.lang.Object; cannot be cast to [Ljava.lang.Integer;...
  8. GCC 11.1 进行 C++ 多项优化
  9. 程序员在工作中如何快速成长和学习?
  10. ftp工具破解版,细数6个ftp工具破解版
  11. Spring3第一天
  12. 采集京东网数据的10个经典方法
  13. 修复Microsoft Edge上“无法到达此页面”错误的5种方法
  14. 常用的表情和含义 各种笑脸;-)
  15. FMI人工智能与大数据线下沙龙第869期北京场圆满落幕
  16. 技术经营:下一个掘金地
  17. 用C语言编程写高考祝福,2020高考祝福自己的句子_高考给自己加油打气的话精选100句...
  18. 微信公众平台搭建与开发揭秘
  19. 程序猿思维释放:打破常态
  20. jQuery基础教程

热门文章

  1. python3小游戏源代码_Python入门塔防小游戏,开发步骤和源码,带你轻松学python...
  2. 系统学习机器学习之正则化(二)
  3. Android NDK开发之 Neon优化
  4. python autoitlibrary_记录RF安装AutoItLibrary库的辛酸过程
  5. jquery 滚动到某个div_如何使用jQuery获取父元素
  6. 树莓派安装python3.5_树莓派升级python的具体步骤
  7. html5标签 不可修改,SEO优化不可忽视的5个Html代码标签
  8. MySQL join 与where的执行顺序
  9. Hive group by后面不能用列别名
  10. clickhouse入门与安装