当前位置: 首页 > news >正文

前端vue搭建

1.找一个合适的模板,可以用vue-element-admin的模板,但是个人认为这个模板太大了,做小项目修改起来比较复杂,可以找一个比较小的项目 2.我找的项目git clone https://github.com/tuture-dev/vue-admin-template.git,这个下载需要先按照git

添加图片注释,不超过 140 字(可选)

360软件安装管家里面直接搜索git,下载安装 然后在下载目录右键打开git bash,输入git clone xxx命令即可

添加图片注释,不超过 140 字(可选)

3.安装npm 3.1首先需要下载node.js,一般下载推荐的版本就行https://nodejs.org/en 3.2安装,按照默认的步骤安装就行,记得把安装目录修改为非C盘 3.3验证,在cmd窗口输入node -v,出现版本即为安装成功

添加图片注释,不超过 140 字(可选)

3.4输出npm -v,出现npm的版本

添加图片注释,不超过 140 字(可选)

4.在上面下载的模板目录输入cmd进入项目目录

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

5.开始配置vue环境,输入npm install

添加图片注释,不超过 140 字(可选)

6.bug解决,我的出现了下面的一堆错误,没有出错的跳过

添加图片注释,不超过 140 字(可选)

删除项目中的 node_modules文件夹和package.json里面dependencies里面的nass相关的两行(node-sass和sass-loader) 重新执行npm install 我每次搞这个搞半天,很多次放弃vue都是因为这个环境真的太难配置了 7.执行npm run dev 又出现下面的的一堆错误,麻了

添加图片注释,不超过 140 字(可选)

按照下面的链接里面的步骤去配置一下SSL(nodejs报digital envelope routines::unsupported错误的最新解决方法_node.js_脚本之家) 主要就是配置下面这个环境变量和package.json里面

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

 
 

"serve": "set NODE_OPTIONS=--openssl-legacy-provider & vue-cli-service serve", "build": "set NODE_OPTIONS=--openss1-legacy-provider & vue-cli-service build",

8.删了nass里面会报下面的错误

添加图片注释,不超过 140 字(可选)

执行下面的命令

 
 

npm rebuild node-sass npm update

添加图片注释,不超过 140 字(可选)

感觉还是不行 删掉node_module,重新执行npm install 终于好了,泪目┭┮﹏┭┮

添加图片注释,不超过 140 字(可选)

添加图片注释,不超过 140 字(可选)

只有两个导航栏,挺简洁的

相关文章:

  • 7 步解决Android Studio模拟器切换中文输入
  • go语言初学03 连接mysql
  • python数据分析——数据预处理
  • 【CH32V305FBP6】调试入坑指南
  • list 的实现
  • Kubernetes (K8s) 普及指南
  • golang开发 gorilla websocket的使用
  • Python代码:二十五、有序的列表
  • 英伟达A100算力卡性能及应用
  • 基于Spring前后端分离版本的论坛系统-自动化测试
  • spring管理bean
  • 数据标准的制定落地
  • 使用Python爬取华为市场游戏类APP应用
  • Redis用GEO实现附近的人功能
  • 网络流量处理及分析工具
  • 【许晓笛】 EOS 智能合约案例解析(3)
  • Android框架之Volley
  • Consul Config 使用Git做版本控制的实现
  • CSS 提示工具(Tooltip)
  • CSS实用技巧干货
  • ES学习笔记(10)--ES6中的函数和数组补漏
  • JAVA多线程机制解析-volatilesynchronized
  • JAVA之继承和多态
  • Mybatis初体验
  • Object.assign方法不能实现深复制
  • react-core-image-upload 一款轻量级图片上传裁剪插件
  • UMLCHINA 首席专家潘加宇鼎力推荐
  • vue的全局变量和全局拦截请求器
  • 多线程 start 和 run 方法到底有什么区别?
  • 给新手的新浪微博 SDK 集成教程【一】
  • 坑!为什么View.startAnimation不起作用?
  • 目录与文件属性:编写ls
  • 线上 python http server profile 实践
  • 云栖大讲堂Java基础入门(三)- 阿里巴巴Java开发手册介绍
  • FaaS 的简单实践
  • Java性能优化之JVM GC(垃圾回收机制)
  • 阿里云服务器购买完整流程
  • #pragma once与条件编译
  • (3)llvm ir转换过程
  • (Bean工厂的后处理器入门)学习Spring的第七天
  • (bean配置类的注解开发)学习Spring的第十三天
  • (附源码)计算机毕业设计ssm高校《大学语文》课程作业在线管理系统
  • (免费领源码)python+django+mysql线上兼职平台系统83320-计算机毕业设计项目选题推荐
  • (强烈推荐)移动端音视频从零到上手(下)
  • (三)uboot源码分析
  • (三)模仿学习-Action数据的模仿
  • (十八)三元表达式和列表解析
  • (转)jdk与jre的区别
  • . Flume面试题
  • .class文件转换.java_从一个class文件深入理解Java字节码结构
  • .net 8 发布了,试下微软最近强推的MAUI
  • .net core 6 redis操作类
  • .net core IResultFilter 的 OnResultExecuted和OnResultExecuting的区别
  • .net core 实现redis分片_基于 Redis 的分布式任务调度框架 earth-frost
  • @Bean注解详解