专栏首页达达前端(20)打鸡儿教你Vue.js

(20)打鸡儿教你Vue.js

vue-cli

快速创建工程,工程化项目目录

image.png

image.png

image.png

image.png

image.png

npm uninstall -g vue-cli

npm install -g @vue/cli

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

image.png

https://www.bootcdn.cn/

https://www.bootcdn.cn/vue/

image.png

image.png

  <body>
    <noscript>
      <strong>We're sorry but hello-ui doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
    </noscript>
    <div id="app"></div>
    <!-- built files will be auto injected -->
  </body>
import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from './store'

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
"scripts": {
    "serve": "vue-cli-service serve",
    "build": "vue-cli-service build",
    "lint": "vue-cli-service lint"
  },

创建工程的两种方法

vue create

vue ui

组件目录结构


本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • (30)打鸡儿教你Vue.js

    1、通过webpack搭建vue工程workflow 2、哪些是学习vue的重点 3、.vue文件开发模式 4、vue使用jsx进行开发的方式 5、vu...

    达达前端
  • (25)打鸡儿教你Vue.js

    达达前端
  • PHP全栈学习笔记18

    引用变量,常量以及数据类型,运算符以及流程控制,自定义函数以及内部函数,正则表达式

    达达前端
  • (30)打鸡儿教你Vue.js

    1、通过webpack搭建vue工程workflow 2、哪些是学习vue的重点 3、.vue文件开发模式 4、vue使用jsx进行开发的方式 5、vu...

    达达前端
  • (25)打鸡儿教你Vue.js

    达达前端
  • TBtools基因家族分析详细教程(3)基因家族成员的进化分析1

    其中,No.of Bootstrap Replication默认最小50,即使设定10也自动调整为50。

    Y大宽
  • 高质量编码-DOM和API绑定

    经常遇到这种场景,页面中某DIV中的数据是由某API提供的,另一个DIV中的数据对应另外一个API。现在流行前端MVC框架,很容易实现数据和视图的绑定。下文介绍...

    MiaoGIS
  • 卢政:微服务与ServiceMesh在TSF平台的应用与实践

    12月15日,由腾讯云主办的首届“腾讯云+社区开发者大会”在北京举行。本届大会以“新趋势•新技术•新应用”为主题,汇聚了超40位技术专家,共同探索人工智能、大数...

    云加社区技术沙龙
  • 深度学习环境搭建-Anaconda5.2、CUDA9.0、cudnn7.3、pytorch1.0.1的安装

    百度云盘下载链接: https://pan.baidu.com/s/1ACJSry3egBGin-w50RwtyQ 提取码: cs6y 本文作者在链接中上传了...

    潇洒坤
  • SaltStack——配置管理(grains实战-keepalived)

    keepalived是一个类似于layer3, 4 & 5交换机制的软件,也就是我们平时说的第3层、第4层和第5层交换。Keepalived是自动完成...

    江小白

扫码关注云+社区

领取腾讯云代金券