代码: https://codechina.csdn.net/weixin_44235759/vue-cli-1
vue-cli

简化了webpack创建工程化的vue项目的过程

vue-cli 是 npm 上的一个全局包,使用npm install
npm install -g @vue/cli

基于 vue-cli 快速生成工程化的 vue 项目:
vue create 项目名称

查看是否安装成功
vue -V

创建项目

1、cd 到指定项目创建位置的目录
2、vue create xxx

初学手动选择最后一项



插件的配置项放到自己独立的配置文件中

是否存预设



npm run serve

目录



src> assets :存放项目中用到的静态文件
src>components: 存放项目中 可复用的组件
src>main.js: 是项目的入口文件,整个项目执行会先执行main.js
src>App.vue: 是项目的根组件

Vue项目的运行流程

通过 main.js 把 App.vue渲染到 index.html的指定区域中

vue ----vue-cli相关推荐

  1. 了解如何使用Vue.js CLI

    Interested in learning Vue.js? Get my ebook at vuehandbook.com 有兴趣学习Vue.js吗? 在vuehandbook.com上获取我的电子 ...

  2. vue搭建cli脚手架环境(出现问题及解决,主要是node版本低)

    vue搭建cli脚手架环境(出现问题及解决,主要是node版本低) 参考文章: (1)vue搭建cli脚手架环境(出现问题及解决,主要是node版本低) (2)https://www.cnblogs. ...

  3. vue require css html,requirejs vue vue.router简单框架

    index.html 入口页面html> vue `menu`.`name` base.js requirejs 配置文件(function(){    requirejs.config({   ...

  4. [vue] vue组件里的定时器要怎么销毁?

    [vue] vue组件里的定时器要怎么销毁? const timer = setInterval(() =>{ // 某些定时器操作 }, 500); // 通过$once来监听定时器,在bef ...

  5. [vue] vue组件会在什么时候下被销毁?

    [vue] vue组件会在什么时候下被销毁? 页面关闭.路由跳转.v-if和改变key值 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主目录 与歌 ...

  6. [vue] vue组件里写的原生addEventListeners监听事件,要手动去销毁吗?为什么?

    [vue] vue组件里写的原生addEventListeners监听事件,要手动去销毁吗?为什么? 需要,原生DOM事件必须要手动销毁,否则会造成内存泄漏 个人简介 我是歌谣,欢迎和大家一起交流前后 ...

  7. [vue] vue中什么是递归组件?举个例子说明下?

    [vue] vue中什么是递归组件?举个例子说明下? 组件自己调用自己,场景有用于生成树形结构菜单 个人简介 我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 主 ...

  8. [vue] vue的is这个特性你有用过吗?主要用在哪些方面?

    [vue] vue的is这个特性你有用过吗?主要用在哪些方面? vue中is的属性引入是为了解决dom结构中对放入html的元素有限制的问题<ul><li is='my-compon ...

  9. [vue] vue的:class和:style有几种表示方式?

    [vue] vue的:class和:style有几种表示方式? :class 绑定变量 绑定对象 绑定一个数组 绑定三元表达式 :style 绑定变量 绑定对象 绑定函数返回值 绑定三元表达式 个人简 ...

  10. [vue] vue怎么改变插入模板的分隔符?

    [vue] vue怎么改变插入模板的分隔符? optionMergeStrategies类型:{ [key: string]: Function }默认值:{}用法:Vue.config.option ...

最新文章

  1. 亿级流量电商系统JVM性能调优实战
  2. 跟各种诡异 Bug 打交道 13 年后的总结
  3. 【项目管理】ITTO-相关方管理
  4. 图数据的攻与防:智谱AI和biendata联合组织KDD Cup 2020
  5. idle扩展插件_Python3.4学习笔记之 idle 清屏扩展插件用法分析
  6. 2013年全国各大著名的IT公司薪资待遇大揭密 给出入职场的民工一点建议
  7. emysql: ping VS without ping
  8. Perl中的执行上下文
  9. SQL中返回刚插入记录的ID
  10. 汇编学习从入门到精通
  11. 云数据库和本地数据库有什么区别?
  12. 汽车租赁管理系统(java)--隔壁小河
  13. Java程序员的MacBookPro(14寸M1)配置备忘录
  14. php msvcr100.dll丢失,WAMP启动报错MSVCR100.dll丢失
  15. Display debug(Blue Screen , fliker)
  16. Initializationfailedforhttps://start.spring.ioPleasecheckURLnetwor的解决方法本人亲测
  17. Android studio最新版2021安装教程超详细。
  18. SpringBoot整合Shiro搭建登录注册认证授权权限项目模板
  19. (二)机器学习的流程概述,线性规划,图像分类
  20. 导数和微分的区别与联系

热门文章

  1. 【分享】美图个性化Push AI探索之路(附交流视频和PPT下载链接)
  2. 最新版 | 李沐《动手学深度学习》中文版pdf重磅开源!
  3. maven netty 配置_Netty是业界最流行的NIO框架之一:初识Netty
  4. 数学建模:评价模型——聚类分析 K-Means python实现
  5. 01背包、完全背包、多重背包问题的C++实现及路径记录
  6. [CF280D]k-Maximum Subsequence Sum
  7. 数字信号处理6:IIR滤波器设计
  8. mysql各类型长度_mysql 各数据类型的大小及长度
  9. 云米冰箱能控制扫地机器人_实现家电互联,从一台云米冰箱开始
  10. [Axis2与Eclipse整合开发Web Service系列之一] 生成Web Service Client(将WSDl 转化成 Java代码)