首页 > 其他分享 >Vue 创建一个Vue项目

Vue 创建一个Vue项目

时间:2023-04-23 21:35:48浏览次数:52  
标签:npm vue sass 项目 创建 Vue 安装

首先,init一个项目

D:\javawebPractce\Vue 这是我的工程路径

创建命令

vue init webpack hello-vue

hello-vue是我的项目名称

创建之后,我为了方便,将router自动安装了

安装element UI

npm i element-ui -S

安装组件

npm stall

安装sass加载器

cnpm install sass-loader node-sass --save-dev

启动测试

npm命令解释

 

标签:npm,vue,sass,项目,创建,Vue,安装
From: https://www.cnblogs.com/-0112/p/17347813.html

相关文章

  • 如何创建不可变的Map对象
    在Java编程中,创建不可变的Map对象是一项非常重要的任务,这不仅有助于保证程序的线程安全性和安全性,同时还能避免意外的状态变化。本篇博客将详细介绍如何在Java程序中创建不可变的Map对象,以及Java8之前和之后的版本间的差异。什么是不可变类或对象?不可变的类或对象是指在创建后......
  • Django4全栈进阶之路7 createsuperuser创建超级管理员账号
    在Django4中,可以使用createsuperuser命令来创建超级管理员账号。超级管理员拥有管理后台的所有权限,包括创建、编辑和删除用户、组、权限等操作。下面是创建超级管理员账号的步骤: 1、执行以下命令创建超级管理员账号: pythonmanage.pycreatesuperuser2、设置用户信......
  • 团队项目第一阶段评审会议
    会议人员由RTM队与我们进击的菜鸟队进行相互评审审核审核评价:缺点:首先图片识别准确率过低,可能出现识别失败问题其次图片识别耗时不定目前功能较为单一建议:提高识别准确率,丰富app相关功能,美化界面,形成 完整垃圾识别app软件......
  • vue2源码-十三、nextTick在哪里使用?原理是什么?
    nextTick在哪里使用?原理是什么?nextTick内部采用了异步任务进行包装(多个nextTick调用会被合并成一次,内部会合并回调)最后在异步任务中批处理。主要应用场景就是异步更新(默认调度的时候就会添加一个·nextTick任务)用户为了获取最终的渲染结果需要在内部任务执行之后再执行用户逻......
  • Docker镜像的三种创建方法及dockerfile案例
    一、基于现有镜像创建1. 首先启动一个镜像,在容器里做修改(1)首先启动一个镜像,在容器里做修改dockerrun-itdcentos:7/bin/bash#创建并启动镜像dockerps#查看启动的镜像信息 2. 将修改后的容器提交为新的镜像,需要使用该容器的ID号创建新镜像(2)将修改后的容器提......
  • 【开源项目】无锡~超经典智慧城市智慧无锡 CIM/BIM数字孪生可视化项目——开源工程及
    智慧无锡免费提供工程和源码,为城市管理和发展提供更智能化的解决方案。项目介绍智慧无锡项目利用数字孪生技术,将无锡市的地理信息、公共数据和实时监测数据进行整合,以数字化形式呈现城市的各种信息和场景。在工程中,利用AI处理地形影像,在溪梁区使用高精度的max模型,其他区域使用AI生......
  • Vue3 Composition API 的优势
    视频四、CompositionAPI的优势1.OptionsAPI存在的问题使用传统OptionsAPI中,新增或者修改一个需求,就需要分别在data,methods,computed里修改。2.CompositionAPI的优势我们可以更加优雅的组织我们的代码,函数。让相关功能的代码更加有序的组织在一起。......
  • Vue3 Fragment
    视频五、新的组件1.Fragment在Vue2中:组件必须有一个根标签在Vue3中:组件可以没有根标签,内部会将多个标签包含在一个Fragment虚拟元素中好处:减少标签层级,减小内存占用......
  • Vue3 响应式数据的判断
    视频6.响应式数据的判断isRef:检查一个值是否为一个ref对象isReactive:检查一个对象是否是由reactive创建的响应式代理isReadonly:检查一个对象是否是由readonly创建的只读代理isProxy:检查一个对象是否是由reactive或者readonly方法创建的代理App.vue<tem......
  • Vue3 provide 与 inject
    视频5.provide与inject作用:实现祖与后代组件间通信套路:父组件有一个provide选项来提供数据,后代组件有一个inject选项来开始使用这些数据具体写法:祖组件中:setup(){ ......letcar=reactive({name:'奔驰',price:'40万'})provide('car',car).......