位置: 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即将发布,上千名人士却紧急叫停(强大到无需疼无需宠,却幸运到有人宠有人疼什么意思)

  • 个税抵扣申报晚好了需要跟公司申报吗?
  • 初装费包括什么
  • 计提本月所得税费用怎么算
  • 企业当年发放以往年度工资
  • 水利建设基金的会计分录
  • 社保当月增员次月扣费
  • 打印机费用是属于管理费用吗
  • 个人设备投资需要交税吗
  • 企业重组失败会怎么样
  • 向非金融企业借款200万元
  • 商品过期可以向商家索要赔偿吗
  • 平台服务费如何开票
  • 税控技术服务
  • 单位装饰
  • 一般纳税人预缴税款几个点
  • 小规模纳税人免征增值税怎么记账
  • 所得税申报填写
  • 增值税多交了怎么申请退税
  • 累积带薪缺勤怎么算
  • 企业押金怎么管理
  • 关于工程施工的文章
  • 如何看云空间的内容
  • 在win7系统中将打开窗口拖到屏幕顶端
  • mac book air文件夹怎么重命名
  • 防暑降温费会计处理
  • 知乎如何更改名字
  • linux的系统配置文件
  • 工程未竣工结算但质保期已过
  • 员工离职补偿金账务处理
  • 土地增值税清算管理规程
  • 财务比率分析的主要内容
  • 发行的企业债券是什么会计科目
  • 房地产销售老项目增值税
  • 镶嵌在巨石之间的英文
  • thinkphp生成html
  • qt无边框窗口设计
  • 进项税转出金额是发票上的哪个
  • 应收账款扣款会计处理
  • 中国源码亲测网
  • 资产负债表中没有专项储备怎么填写
  • 股权转让所得如何申报个税
  • 甲供材的卸料由谁负责
  • 销售商品的运费的税费计入进项税额
  • 固定资产增值税发票如何入账
  • 公司注销项目怎么办
  • 企业内部银行转账怎么记账
  • 建筑业营改增后税率变化
  • 未分配利润可以转盈余公积吗
  • 税务登记证办理流程
  • 没有期初数据如何建账
  • 原材料科目怎么设置
  • 依法建账的法是指
  • 企业进行短期投资的目的包括
  • sql server2005一个表中可以设置
  • mysql的分区表
  • ntfs win98
  • xp系统开机一直在滚动条
  • windows7自带杀毒软件在哪里
  • win10多屏设置方法
  • mac计算器怎么用
  • win10周年更新版是什么意思
  • win7更改电脑设置在哪里
  • win8 u盘启动
  • linux系统怎么配置路由
  • win7如何设置语言输入
  • win7开始菜单没有启动文件夹
  • WIN7系统中WQRD超链接打不开怎么办
  • unity用visual
  • android时间轴实现
  • Android UI之LinearLayout(线性布局)
  • jquery实现表格隔行换色
  • jquery实现ajax提交表单信息的简单方法(推荐)
  • jquery入口
  • 全电子发票开具怎么扫脸认证?
  • 税盘注销了怎么申报增值税
  • 国税纳税申报表打印
  • 一般纳税人租赁费税率
  • 税务备案表付汇日期是否可以提前
  • 开票系统税控盘在哪里
  • 城镇土地使用税税率
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设