首页 > 其他分享 >vue自学总结

vue自学总结

时间:2023-07-11 17:22:26浏览次数:38  
标签:总结 npm vue cli webpack vue3 自学 脚手架

一、先安装node.js,安装之后需配制环境变量,否则运行npm命令时会导致该命令不存在的情况

查看版本:node -v

二、安装vue

npm install -g vue-cli 安装vue2脚手架
npm install -g @vue/cli 安装vue3脚手架
npm uninstall -g vue-cli 卸载vue2脚手架
npm uninstall -g @vue/cli 卸载vue3脚手架

查看版本:vue -V

三、安装webpack

npm install -g webpack 全局安装webpack

查看版本:webpack -v

 

四、创建vue工程

方法一:vue create my_vue_project (适合vue3脚手架,但是初始化工程的时后可以选择用vue2还是vue3,同时会生成.git文件)

方法二:vue init webpack my_vue_project (适合vue脚手架,未进一步查明)

用方法一创建的工程会比方法二创建的工程多public目录及src目录下多router,store,views模块

 

标签:总结,npm,vue,cli,webpack,vue3,自学,脚手架
From: https://www.cnblogs.com/lianxuan1768/p/17545369.html

相关文章

  • 16:vue3 动态组件
    A组件1<template>2<h3>ComponentA</h3>3</template>B组件1<template>2<h3>ComponentB</h3>3</template> App.vue1<template>2<h3>动态组件(A、B两个组件动态切换)</h3>3<compo......
  • 基于python的租房网站-房屋出租租赁系统(python+django+vue)
    该项目是基于python/django/vue开发的房屋租赁系统/租房平台,作为本学期的课程作业作品。欢迎大家提出宝贵建议。功能介绍平台采用B/S结构,后端采用主流的Python+Django进行开发,前端采用主流的Vue.js进行开发。整个平台包括前台和后台两个部分。前台功能包括:首页、房屋详情页、......
  • 助教工作总结
    一、助教工作的具体职责和任务解决同学提出的问题收集学习情况向老师汇报在云班课上批改学生的作业,对错误方面进行评论总结参考答案,发到群里供学生参考对同学大部分出现相同错误的点进行汇总发现抄袭等异常情况向老师汇报二、助教工作的每周时长和具体安排没有特定的......
  • 15:vue3 组件生命周期函数应用
    1<template>2<h3>组件生命周期函数应用</h3>3<!--验证Dom结构加载时机-->4<pref="name">我的内容</p>5<!--模拟网络加载数据-->6<ul>7<liv-for="(item,index)inbanner":key="item.id&q......
  • 第三周第三天进度总结
    2023年7月11日,今天我Java基础学到了P39-for结构,Javaweb学到了P28-CSS的选择器-ID选择器。今天完成了英语单词背诵和时态的复习,天梯赛往后做了点,读物看到83页。今天比较平常,宅在家里,无聊的时候又重温了一下《肖申克的救赎》。救赎之道,就在其中,安迪用自己追求自由的精神和实际行动感......
  • VUE基础01-响应式
    SFC(Single-FileComponent,缩写为SFC)SFC是一种可复用的代码组织形式,它将从属于同一个组件的HTML、CSS和JavaScript封装在使用.vue后缀的文件中。响应式reactive()reactive()只适用于对象(包括数组和内置类型,如Map和Set)。import{reactive}from'vue'const......
  • KMP 学习笔记与总结
    KMP学习笔记与总结目录KMP信息学奥赛一本通模板AcWing自己的题目题目1题目2KMP信息学奥赛一本通模板AcWing//下标从1开始//s[]是长文本,p[]是模式串,n是s的长度,m是p的长度求模式串的Next数组:for(inti=2,j=0;i<=m;i++){while(j&&p[i]!=p[j......
  • Vue3+.net6.0 四 计算属性 computed
    跟Vue2一样,我们在工作中使用data中的属性时,很多时候不是直接拿来用,而是要经过一些计算,判断,筛选的过程。比如一个数组,我们可能在使用前要判断有没有元素,是否包含某个元素,然后根据不同的情况有不同的展示方式,这些如果都写在html部分,会非常不好阅读,如果多个地方要做类似的判断,则会......
  • vue3中父组件与组件之间参数传递,使用(defineProps/defineEmits),涉及属性传递,对象传递,
    Vue3中子父组件之间的通信一、父组件传递参数到子组件采用defineProps传递属性父组件:<template><div><h1>这是父组件</h1><h1>父组件像子组件传递参数</h1><h2>传递属性值</h2><HH:fatherMessage="fatherMessage":valNum="valNum":valBool=......
  • Vue 学习 day1
    摘要:我们传入 createApp 的对象实际上是一个组件,每个应用都需要一个“根组件”,其他组件将作为其子组件。应用根组件的内容将会被渲染在容器元素里面。容器元素自己将不会被视为应用的一部分。.mount() 方法应该始终在整个应用配置和资源注册完成后被调用。同时请注意,不同......