位置: IT常识 - 正文

【手把手教安装】VUE安装教程+VScode配置!!!(怎样安装∪sb)

编辑:rootadmin
【手把手教安装】VUE安装教程+VScode配置!!! 含泪整理Vue安装教程

推荐整理分享【手把手教安装】VUE安装教程+VScode配置!!!(怎样安装∪sb),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:π怎么安装,【安装 】,∈tc怎么安装,ⅴericut8安装教程,怎样安装∪sb,∈tc怎么安装,∈tc怎么安装,∈tc怎么安装,内容如对您有帮助,希望把文章链接给更多的朋友!

因为换了新电脑很多软件要重装,所以想到可以写一份教程,为我以后换电脑方便重装也为了大家!! 第一次安装Vue踩坑太多,这里整理一份超详细教程(win11也可!!!)

下载node.js Windows可以直接选这个下载完成后直接next安装即可

打开cmd(我喜欢管理员方式打开) 输入可查看版本 【注意:报错1来了】 npm WARN config global --global, --local are deprecated. Use --location 在这里可以将node.js里npm和npm.cmd里的prefix -g替换为prefix --location=global 如果是管理员权限不可修改的话,我是拖到桌面改完就拖回来的(觉得比较快哈哈哈哈哈)然后再执行第二步即可

【手把手教安装】VUE安装教程+VScode配置!!!(怎样安装∪sb)

在node.js文件夹下新建两个文件夹【node_global】和【node_cache】 然后在cmd中执行这两行命令 【注意:这里就体现出管理员打开的重要性,如果不是管理员打开就会报错!】

此电脑–>属性–>高级系统设置 选择环境变量中的系统环境新建

== 这里的名称不要写错,并且注意避免有中文== 5. 将用户目录下的 改为下图所示 6. 依次输入这些命令配置淘宝镜像 npm config set registry https://registry.npm.taobao.org 可以安装cnpm,如果后续嫌npm安装慢

npm install -g cnpm --registry=https://registry.npm.taobao.org

7. npm install vue -g安装vue.js 8. npm install webpack -g安装webpack模板 安装webpack-cli:npm install --global webpack-cli 安装成功后可使用webpack -v查看版本号 按图操作 或者输入下方命令安装脚手架(我是全都执行了一遍,因为俺是菜鸡~) cnpm install -g @vue/cli

安装vue-router,输入npm install vue-router -g输入vue -V查看版本 输入vue ui命令就可以进入界面啦 ==因为我用VScode写Vue,所以后面如何创建就不写啦Step2 vscode配置Vue1、插件(我下了很多)

语法高亮 汉化 语法纠错 自动闭合标签以及另一侧标签同步修改 ES6语法 括号着色器 路劲自动补全 快捷键显示

2、创建以及运行创建:vue create xxx运行:npm run serve

如果是下载的别人的项目

npm install运行:npm run dev3、常用配置文件下载

无脑复制粘贴执行就行

设置淘宝镜像npm config set registry https://registry.npm.taobao.orgnpm install webpack --save-devnpm install webpack-dev-server --save-devnpm i element-ui -Snpm install less@3.9.0 --save-dev --forcenpm install less-loader@5.0.0 --save-dev --forcenpm i vue-router -S【excel表格工具】 npm i -S exceljs file-saver luckyexcel

需要在main.js下配置一下才可以使用,可以自行百度,类似于这种 可以根据自己的报错修改

//引入Vueimport Vue from "vue";//引入Appimport App from "./App.vue";//引入VueRouterimport VueRouter from "vue-router";//引入路由器import router from "./router";//统一接口api文件夹里面全部请求函数//统一引入import * as API from "@/api";// 三级联动组件--全局组件import TypeNav from "@/components/TypeNav/index.vue";// 分页器--全局组件import Pagination from "@/components/pagnation/index.vue";//引入MockServer.js----mock数据import "@/mock/mockServe";import { Button, MessageBox } from "element-ui";// 映入仓库import store from "@/store";// 引入swiper样式import "swiper/css/swiper.css";// 第一个参数组件的名字,第二个参数哪一个组件Vue.component(TypeNav.name, TypeNav);Vue.component(Pagination.name, Pagination);Vue.component(Button.name, Button);// 使用路由插件Vue.use(VueRouter);//ElementUI注册组件的时候,还有一种写法,挂在原型上Vue.prototype.$msgbox = MessageBox;Vue.prototype.$alert = MessageBox.alert;// 引入图片懒加载import img from '@/components/images/wx_cz.jpg'import VueLazyload from 'vue-lazyload'Vue.use(VueLazyload, { preLoad: 1.3, error: 'dist/error.png', loading: img, attempt: 1 }) //引入表单校验插件import "@/plugins/validate";//关闭Vue的生产提示Vue.config.productionTip = false;//创建vmnew Vue({ el: "#app", // 注册全局事件总线 beforeCreate() { Vue.prototype.$bus = this; Vue.prototype.$API = API; }, render: (h) => h(App), // 配置路由 router: router, // 注册仓库 store: store,});
本文链接地址:https://www.jiuchutong.com/zhishi/300126.html 转载请保留说明!

上一篇:ChatGPT会取代你的岗位吗?

下一篇:强大到让人无法想象的ChatGPT-5即将发布,上千名人士却紧急叫停(强大到无需疼无需宠,却幸运到有人宠有人疼什么意思)

  • 在百度知道和问答中怎样做营销推广(百度知道和百度一下的区别)

    在百度知道和问答中怎样做营销推广(百度知道和百度一下的区别)

  • 微信不是群主怎么拉人进群(微信不是群主怎么艾特所有人)

    微信不是群主怎么拉人进群(微信不是群主怎么艾特所有人)

  • 手机相册里的照片误删怎么恢复(手机相册里的照片会泄露吗)

    手机相册里的照片误删怎么恢复(手机相册里的照片会泄露吗)

  • 小米10的光线传感器在哪里(小米10的光线传输在哪里)

    小米10的光线传感器在哪里(小米10的光线传输在哪里)

  • a57什么时候上市的(a55什么时间上市)

    a57什么时候上市的(a55什么时间上市)

  • 快手评论怎么看不见(快手评论怎么看自己的评论)

    快手评论怎么看不见(快手评论怎么看自己的评论)

  • xp系统没有无线网络连接

    xp系统没有无线网络连接

  • 手机连拍功能在哪里设置(手机连拍怎么弄)

    手机连拍功能在哪里设置(手机连拍怎么弄)

  • unix是操作系统吗(unix操作系统属于多用户多任务操作系统)

    unix是操作系统吗(unix操作系统属于多用户多任务操作系统)

  • 微信视频一般几天会过期(微信视频最多几个小时)

    微信视频一般几天会过期(微信视频最多几个小时)

  • ipad用久了太卡怎么办(ipad用的时间久了卡机)

    ipad用久了太卡怎么办(ipad用的时间久了卡机)

  • ip地址是由什么组成的(IP地址是由什么为二进制比特组成的)

    ip地址是由什么组成的(IP地址是由什么为二进制比特组成的)

  • 荣耀v10支持emui10吗(荣耀V10支持无线充电吗)

    荣耀v10支持emui10吗(荣耀V10支持无线充电吗)

  • 怎么判断显卡能不能用(怎么判断显卡能不能适用于主板)

    怎么判断显卡能不能用(怎么判断显卡能不能适用于主板)

  • 怎样把快手视频存本地(怎样把快手视频保存到相册)

    怎样把快手视频存本地(怎样把快手视频保存到相册)

  • mate20带无线充电吗(mate20带无线充电功能吗)

    mate20带无线充电吗(mate20带无线充电功能吗)

  • 抖音会留下访客记录吗(抖音留下访客记录后不让他看记录会消失吗)

    抖音会留下访客记录吗(抖音留下访客记录后不让他看记录会消失吗)

  • 快手粉丝删了能恢复吗(快手粉丝删了能找回吗)

    快手粉丝删了能恢复吗(快手粉丝删了能找回吗)

  • 抖音号注销了怎样找回(抖音号注销了怎样重新注册)

    抖音号注销了怎样找回(抖音号注销了怎样重新注册)

  • 微信朋友圈只保存5年吗(微信朋友圈只保持十年吗)

    微信朋友圈只保存5年吗(微信朋友圈只保持十年吗)

  • mysql死锁的原因及解决方法(mysql死锁的情况)

    mysql死锁的原因及解决方法(mysql死锁的情况)

  • micro和typec区别(micro和typec哪个好)

    micro和typec区别(micro和typec哪个好)

  • 笔记本电脑连接wifi显示黄叹号(笔记本电脑连接打印机怎么连接)

    笔记本电脑连接wifi显示黄叹号(笔记本电脑连接打印机怎么连接)

  • rndc-confgen命令  密钥生成工具(/ncrc命令)

    rndc-confgen命令 密钥生成工具(/ncrc命令)

  • PHPCMS怎么配置https?(phpcms 数据库配置文件)

    PHPCMS怎么配置https?(phpcms 数据库配置文件)

  • 信息化投入包括手机吗
  • 车船税每年都要交吗不交有什么影响
  • 小规模纳税人征税规定
  • 建筑业增值税税率2022
  • 季度30万免增值税什么时候结束
  • 企业所得税查增值税吗
  • 固定资产成本包括包装费吗
  • 置换上市公司资质要求
  • 公司车买的保险怎么查电子保单
  • 发放工资比计提工资少了
  • 研发新产品成功案例简短
  • 预交增值税怎么入账
  • 买入返售金融资产什么意思
  • 一般纳税人简易征收3%
  • 个体工商户的税收优惠政策有哪些
  • 单位内部控制
  • 财务刻章属于什么行业
  • 什么样的企业有核心能力
  • 购货方跨月销项负数发票如何做账?
  • win10无法登录微信
  • 怎么获得2021
  • 小规模纳税人免征增值税的账务处理
  • 汽车修理厂如何做账
  • 0x0000001e蓝屏代码的含义
  • 房地产企业的沙盘模型制作费会计处理
  • 公司报销之后钱发到哪
  • 支付境外佣金交多少税
  • 一次性劳务报酬所得如何扣税
  • gpio口是什么意思?
  • 为什么生产工人工资不属于固定成本
  • yolov5加入注意力机制后网络后进行剪枝
  • 子公司使用母公司固定资产
  • 合同没有约定发票税点谁承担怎么办
  • 税局代开专票已扣款还需季度增值税申报吗
  • 企业年报分析的内容包括哪些方面
  • 为什么增值税发票不能折叠?
  • php前台模板
  • mongodb建立索引的命令
  • 租赁合同印花税率多少
  • 劳务派遣工资可以税前扣除吗
  • 非公司人员差旅怎么报销
  • 本月留抵增值税
  • 企业法人个人贷款企业承担吧?
  • 小规模纳税人销售自己使用过固定资产
  • 一般纳税人存货成本包括增值税吗为什么
  • 4s店出售试驾车账务处理
  • 房地产开发票的时间?
  • 研发费用加计扣除是什么意思啊
  • 执行企业会计准则的非上市企业
  • 收付实现制下主营业务成本怎么算
  • 租房买的中央空调怎么用
  • 会计凭证是对外公布的资料吗
  • 公司不报税会怎样法人有责任么
  • 什么是摊余成本法
  • 修改企业账套的步骤
  • ROW_NUMBER SQL Server 2005的LIMIT功能实现(ROW_NUMBER()排序函数)
  • win7系统怎么关闭防火墙设置
  • xp系统怎么设置网络传输文件
  • surface准备就绪
  • 深入解析windows
  • unity game optimization
  • eclipse创建android项目
  • linux命令提示符
  • angularjs4
  • Unity3D之Profile
  • jQuery基于muipicker实现仿ios时间选择
  • Android 自定义控件
  • 深入理解新发展理念
  • jquery悬浮弹出提示框
  • js 原型继承的几种方法
  • python文本文件操作步骤
  • js获取url参数值的两种方式
  • 税务新进公务员个人总结
  • 税务局通知自查该怎么办理
  • 广西电子税务局怎么报税
  • 河南省税务总局网站官网
  • 保税工厂和非保税工厂的区别
  • 买二手房土地证怎么过户
  • 2021年河南医保
  • 我国现行消费税在生产环节征收
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设