首页 > 其他分享 >05 Vue-cli项目安装和配置

05 Vue-cli项目安装和配置

时间:2022-12-10 20:44:06浏览次数:53  
标签:vue cli 05 Vue loader 指令 vue3 安装

第一步:使用管理员身份运行命令提示符,并进入所要创建vue的文件夹中

 第二步:创建vue-cli ,选择vue3

① 使用vue create vuedemo01,进入创建项

 ② 选择vue3,并进入项目中

第三步:安装路由vue-router

 路由的版本号

 第四步 安装ElementUI

指令:npm i element-ui -S –legacy-peer-deps 后面加上这一串内容可以防止依赖包加载时报错

 第五步 安装依赖

 第六步:安装SASS加载器

指令:cnpm install sass-loader node-loader node-sass --save-dev

 第七步:运行该项目

 指令:npm run serve

 成功标志:

第八步:导入到idea中

第九步:退出该运行状态

使用快捷键Ctrl+c,选择y,并回车即可

第十步:有关配置方面的添加(有几项报错与之相关)

 需要在vue.config.js文件中添加的内容

lintOnSave:false,
runtimeCompiler: true

如图所示:

标签:vue,cli,05,Vue,loader,指令,vue3,安装
From: https://www.cnblogs.com/Zhangzhiq/p/16972211.html

相关文章

  • 2022-2023-1 20221305 《计算机基础与程序设计》第13周学习总结
    2022-2023-120221305《计算机基础与程序设计》第13周学习总结作业信息这个作业属于哪个课程<班级的链接>(如2022-2023-1-计算机基础与程序设计)这个作业要求在......
  • vue中调用方法返回函数类型
    刚学习vue是用2.x版本的,学vue3.x版本后,把选项卡类型methods方法写入到setup()函数中,在vue2定义的方法是这样的:loadAll(){},到了setup中变成了constloadAll=()=>{}......
  • 后端程序员必会的前端知识-05:React
    五.React1.React基础react是前端三大框架之一没有vue的基础更好,因为两者思想不太一样,不能用vue的习惯学习react需要有js基础,视频19-58需要有ts基础,视......
  • oj 1057
    #include<bits/stdc++.h>usingnamespacestd;intmain(){ intn; cin>>n; inta[n],x,s=0; for(inti=0;i<n;i++){ cin>>a[i]; } cin>>x; for(inti=0;i<n;i++){ ......
  • oj 1058
    #include<iostream>#include<algorithm>usingnamespacestd;intmain(){ intn; cin>>n; inta[n+1],b[n+1]; for(inti=1;i<=n;i++)cin>>a[i]; sort(a+1,a+n+1); in......
  • Vue2(笔记31) - 脚手架 - scoped
    scoped样式的作用域,每个组件都有独立的样式,最终都会打包合并,难免会重名导致页面样式混乱,可以给每个组件的样式加上scoped 限定样式的作用域只限于当前组件;改下school.vue......
  • 03 Component name "content" should always be multi-word vue/multi-word-componen
    错误截图 解决办法:在文件vue.config.js中添加lintOnSave:false如图所示:  这样就能解决了......
  • Blazor和Vue对比学习(进阶.路由导航三):代码导航
    导航除了使用组件外(Blazor使用NavLink,Vue使用router-link或RouterLink),更多的时候,主要还是使用代码进行导航,更加灵活。Blazor提供了 NavigationManager对象,可以在代码层进......
  • 02 安装vue-router的过程中报错
    错误截图:使用两种加载vue-router的方法 解决办法:输入:npminstall--legacy-peer-depsvue-router--save-dev 至于原因吗,暂时不知道,以后遇到这种vue-router加载不......
  • [Vue3-14]父子组件数据传递
    1.父组件传递子组件2.子组件传递父组件......