浅试--使用vue脚手架搭建前端项目

最新推荐文章于 2024-08-15 18:19:19 发布
最新推荐文章于 2024-08-15 18:19:19 发布
阅读量146 收藏
点赞数
分类专栏： vue脚手架 文章标签： 前端 vue.js javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zhoutao_88/article/details/128321122
版权

添加 elementui

第一步:先结束程序运行 Ctrl+C 输入指令 y 然后回车

 然后输入指令下载

npm i element-ui -S

 在 main.js内加入

import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

 

开始写页面

 先尝试修改这两个文件

 文件标准模板

 到官网去复制粘贴各种样式

Element - The world's most popular Vue UI framework

 

 

周途
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Vue.js构建移动端商城系统前端页面
禅与计算机程序设计艺术
09-23 2111
作者：禅与计算机程序设计艺术 1.简介 随着移动互联网的普及，越来越多的人开始使用手机浏览网站或APP，如何在移动端开发中构建出具有吸引力、功能丰富的用户界面呢？本文将详细阐述基于Vue.js构建移动端商城系统前端页面的相关技术实现过程。 2.项目背景
vue项目 移动端沃尔玛手机商城
m0_71440412的博客
11-02 1176
vue项目 开发首页 docker 登录校验 注册页面 封装请求函数 参数非空校验 通过参数动态获取数据 抽离店铺内容区数据 商铺详情购物车 购物车数据 确认订单页面头部(CSS) 订单
vue脚手架搭建前端项目
liu644911337的博客
04-14 578
Vue脚手架的基本用法 Vue 脚手架用于快速生成Vue项目基础架构 Vue脚手架 使用步骤 一、安装Vue脚手架： npm install -g @vue/cli 是否安装成功，查看版本 vue -V vue显示版本号信息如下： @vue/cli 4.5.9 二、利用Vue的脚手架创建vue项目 1、基于 交互式命令行的方式，创建新版vue项目 vue create vue-project 2、基于图形化界面的方式，创建 新版vue项目 vue ui 3、基于2.x的旧版，创建 旧版vue项目 npm i
web前端开发之vue脚手架
Web_chicken的博客
03-11 2492
vue脚手架 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供： 通过 @vue/cli 实现的交互式的项目脚手架。 通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。 一、安装和配置脚手架 1.1 安装脚手架 npm install -g @vue/cli // -g是全局安装 1.2 创建一个项目 vue create first //first是项目名称 运行之后我们会发现出现了一些选择 1.3 项目选择 1.3.1
vue+element简单实现电商商城网站，模仿小米电商商城
热门推荐
lucky_fang的博客
11-25 3万+
vue+element简单实现商城网站首页，模仿小米电商商城
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
vue-cli是一个基于Vue.js进行快速开发的完整系统，包括了开发过程中的构建工具、标准化代码风格配置、...通过这篇文章的指导，相信你可以很快地上手使用vue-cli来搭建属于自己的Vue.js项目，并开始你的前端开发旅程。
使用vue-cli脚手架工具搭建vue-webpack项目
12-10
为了解决这个问题，Vue 官方提供了 `vue-cli` 这个脚手架工具，它可以帮助开发者快速地生成一个包含所有必需配置的项目模板。 1. **安装Node.js环境**： 在搭建Vue项目之前，首先确保你的计算机上安装了Node.js。...
详解使用vue脚手架工具搭建vue-webpack项目
08-30
详解使用 Vue 脚手架工具搭建 Vue-Webpack 项目 知识点 1: Vue.js基础知识 在开始使用 Vue.js 前，我们需要了解 Vue.js 的基本概念。Vue.js 是一个渐进式的 JavaScript 框架，用于构建用户界面。其核心思想是将...
使用single-spa5 vue脚手架搭建的微前端单点登录系统.zip
01-04
使用single-spa5 vue脚手架搭建的微前端单点登录系统，vue3.0全家桶+json-server mock的基座容器，提供挂载多个子系统功能.zip Vue3，springboot，element-ui使用技巧，实战应用开发小系统参考资料，源码参考。 详细...
基于vue框架的移动商城项目
你好！我是派大星，一个热爱分享的个人博客作者。我的博客致力于分享关于前端开发的知识、见解和经验。通过我的文章，实用技巧和个人心得。无论是解决问题、获取新知识，还是激发创造力和热情，我的目标是为读者提供有价值的内容和启发思考的观点。
06-21 1333
在完成这个项目的过程中，我收获颇丰。作为一个前端开发者，我深入了解并熟练使用了Vue框架，在项目中大量运用了Vue的组件化特性和状态管理工具Vuex。我也掌握了一些其他技术，如git版本控制、API接口使用等。在开发过程中，我还尝试了一些新的组件库和工具，如axios，以提高项目的效率。在完成这个项目的过程中，我也遇到了一些挑战。其中包括对API接口数据格式的处理问题，以及一些样式兼容性问题。
vue - 练手项目：简易商城
asfcyg的博客
06-19 1万+
学习vue的第一个练手的小项目使用的是vue3.0 第一步：划分目录结构 第二步：引入两个css文件 将两个文件放在src->assets->css下 第一个css文件是normalize.css，让不同浏览器在渲染网页元素时形式更加统一，是一个大神写的，可以在github上下载。 第二个css文件是base.css文件，引入一些基础的样式 /* 引入css文件 */ @import "./normalize.css"; *, *::before, *::after { margin:
Vue 移动端项目创建
路虽远行则将至，事虽难做则必成。
12-05 2329
移动端我们一般通过Vue脚手架手动自定义创建项目，只需要Node环境我们就可以通过npm下载Vue脚手架，通过命令创建项目。npm下载脚手架 执行创建命令 选中自定义创建 选择Vue版本，依赖Babel降级ES6语法，依赖vue-router，依赖vuex，使用css预处理器，使用代码风格校验。 选择vue2.0版本 是否使用历史模式API，输入 n 选择less这种css预处理器 选择 通用语法风格配置 语法风格校验的时机，保存代码校验，提交代码校验且自动修复。 选择使用不同的配置文件对于所依赖工
Vue-cli脚手架的详细配置流程（vue2.0版本）
an_gentle_killer的博客
08-13 956
页内目录 一，Vue-cli脚手架 二，配置脚手架 三，法一：可视化 四，法二：基于doc 五， 六， 一，Vue-cli脚手架 二，配置 安装node.js 进入安装界面 安装到指定文件夹 使用npm下载所需要的前端包 npm：是一个前端库，存放前端开发所需要的前端包，在国外服务器上存放，访问与下载慢，（理解成类似于maven库） cnpm：阿里镜像库 node.js安装后npm自动安装到电脑上了 以管理员身份运行cmd（黑框） 测试版本 证明我们有npm了，但是cnpm没有，我们通常使.
在Vue脚手架实现登录页面及跳转
qq_62401904的博客
10-04 4115
在Vue脚手架实现登录页面及跳转
ASP.NET Core Web API 使用Autofac框架
鲤籽鲲的博客
08-08 633
ASP.NET Core Web API 使用Autofac框架
JAVA-WEB资源配置
最新发布
caryeko的专栏
08-15 124
用JAVA进行编写WEB项目时，我们一般需要对WEB进行统一配置，例如制定拦截路径、页面解析器、跨域配置、fastjson报文解析、文件上传大小配置等。
vue3使用pnpm运行项目但是运行不起来
一个努力不被优化的程序员
08-12 196
重新创建项目，将老项目的package.json，vite.config.ts，src等文件拖拽替换。删除node_modules重新下：文字编译乱码，utf-8可能解析处理问题。（如果哪位知道为什么会这样或者怎么解决麻烦留言下）运行项目的时候发现根本运行不起来了。删除node_modules重新下。尝试过创建.npmr文件。创建.npmr：不管用。
谷粒商城实战笔记-175~177-商城业务-检索服务-检索查询接口开发
epitomizelu的专栏
08-13 756
搜索页面搭建完成之后，点击搜索按钮，发送参数给后台服务，后台服务根据参数从Elasticsearch中查询符合条件的数据，返回给前端。
提升前端性能的JavaScript技巧
han2434的博客
08-14 771
一个快速响应、高效运行的Web页面不仅能提升用户体验，还能在一定程度上影响网站的SEO排名。本文汇总了一系列JavaScript技巧，以帮助开发者提升前端性能，并提供实际的代码示例。
Vue.js项目开发：使用vue-cli搭建脚手架指南
以下是搭建Vue脚手架和相关环境的步骤： 1. **Node.js环境**：Vue CLI需要Node.js环境支持，因此首先需要确保你的系统上安装了Node.js。访问官方网站下载并安装最新版本，注意版本需在10.0.0以上，以确保兼容性。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值