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

创建Vue项目

时间:2022-12-07 14:44:19浏览次数:70  
标签:npm vue 项目 创建 Vue 安装 css 属性

前期准备:

安装node.js(node -v检查是否安装)

安装vue-cli脚手架(使用淘宝镜像,然后运行npm install -g vue-cli安装脚手架,vue -V检查是否安装)

一、基本创建项目操作

1、初始化vue init webpack projectName(项目名称)

 

 

 2、运行

 

 

 3、创建成功,运行后,打开地址

 

 

 4、运行结果

 

 

 二、项目中补充插件

1、sass方便css代码嵌套书写等

语法:

父选择器{
    css属性:css属性值;
    子标签选择器{
        css属性:css属性值;
    }

可参考:https://blog.csdn.net/m0_53206841/article/details/124466146

 

 

 2、安装ui框架:npm i element-ui -S

 

 测试

 

 

 

 3、axios安装、使用、封装(用于请求后端数据)

npm install axios

-----------------------待更新--------------------------

标签:npm,vue,项目,创建,Vue,安装,css,属性
From: https://www.cnblogs.com/jiangcaicai/p/16963023.html

相关文章

  • 使用vue深度选择器修改ElementUI组件内样式
    例子:el-collapse标签修改子组件样式在带有scoped属性的style中书写样式时,无法作用影响到子组件中的样式,此时我们会使用到deep深度选择器,来解决此问题,我们在使用less预处理......
  • JavaWeb商城项目的商品点赞功能模块的开发详
    一.JavaWeb商城项目的商品点赞功能开发过程记录1.1项目背景在完成内蒙古科技大学JavaWeb课程的大作业之后,本着练习的态度继续的写了一个功能:点赞功能。本需求看似简单,难......
  • 全都会!预测蛋白质标注!创建讲义!解释数学公式!最懂科学的智能NLP模型Galactica尝鲜 ⛵
    ......
  • springmvc零配置项目开发流程
    最后更新日期:2022-12-071.概述本篇主要介绍使用springmvc零配置开发项目的过程。参考博客:《SpringMVC学习(五)——零配置实现SrpingMVC》博客内容简洁不全,其源码托......
  • vscode中引用vue3时红色提示
    从GitHub上下载了一个前端项目学习,用vscode打开。“vue3+vite”在vscode控制台执行npminstall,安装所需要的各种包。这个时候可以用npmrundev,启动项目。但是vs......
  • 前端-做项目的一些感悟
    1、接口返回值要校验是否存在、非空、null、undefined2、前后台接口处理部分包在try、catch块里,这样内部报错,不影响外面代码运行try{}catch(e){alert(e);}3、看好代......
  • Vue中的diff算法深度解析
    模板tamplate经过parse,optimize,generate等一些列操作之后,把AST转为renderfunctioncode进而生成虚拟VNode,模板编译阶段基本已经完成了,那么这一章,我们来探讨一下Vue中的一......
  • Vue3必会技巧-自定义Hooks
    Vue3自定义Hooks定义:个人理解:一些可复用的方法像钩子一样挂着,可以随时被引入和调用以实现高内聚低耦合的目标,应该都能算是hook;为什么Vue3要用自定义Hook?:结论:就是为了......
  • Vue3知识点之数据侦测
    Vue的核心之一就是响应式系统,通过侦测数据的变化,来驱动更新视图。实现可响应对象的方式通过可响应对象,实现对数据的侦测,从而告知外界数据变化。实现可响应对象的方式:g......
  • 软件项目管理工具 PingCode 入选2022年度企服口碑产品TOP36——36氪
    11月30日,由36氪企服点评主办的年度口碑产品与标杆解决方案正式发布。在本次评选中PingCode&Worktile双双入选,并且 PingCode 凭借产品好评度与用户覆盖度优势成为唯一......