vue 配置

一、环境安装

# 最新稳定版
$ npm install vue@next

二、Vite

# npm 6.x
$ npm init vite@latest <project-name> --template vue# npm 7+,需要加上额外的双短横线
$ npm init vite@latest <project-name> -- --template vue$ cd <project-name>
$ npm install
$ npm run dev

或者 yarn:

$ yarn create vite <project-name> --template vue
$ cd <project-name>
$ yarn
$ yarn dev

三、学习资源文档

# 封装几个Vue3中很有用的组合式API
$ https://mp.weixin.qq.com/s/fWawo-Jo-7sw_5KhHsbGBg
# 看了9个开源的 Vue3 组件库,发现了这些前端的流行趋势
$ https://mp.weixin.qq.com/s/HW5QQC2jpVKy30iSb1C6lg
#  Jenkins 部署前端项目
$ https://mp.weixin.qq.com/s/yf6vClrNvVA4bKbeqcJ9SA
# 代码规范
$ https://mp.weixin.qq.com/s/q-6aKELs54IEegqFzybsJQ

四、插件安装

// 插件安装文件夹
1、tailwindcss  // 安装看插件库
2、yarn add sass // sass
3、vue-router // 安装看插件库

Vue3.0教程 (一)vue脚手架安装和搭建相关推荐

  1. vue脚手架安装时出现Error EPERM operation not permitted这个错误

    vue脚手架安装时出现Error: EPERM: operation not permitted这个错误 **原因:**出现这个错误是因为安装全局模块时没有管理员权限,需要以管理员身份运行命令提示符窗 ...

  2. Vue脚手架安装 与 Vue项目创建运行、vue项目迁移后运行失败问题

    目录 Vue脚手架安装 vue 如何查看vue cli的安装位置 Vue项目创建与运行 1.创建项目 2.运行项目 3.检测运行是否成功 项目文件作用介绍 快捷安装项目所需依赖 命令 npm i Vu ...

  3. 戴尔服务器安装VMware ESXI6.7.0教程(U盘安装)

    戴尔服务器安装VMware ESXI6.7.0教程(U盘安装) 一.前期准备 1.下载镜像 下载esxi6.7镜像:VMware-VMvisor-Installer-6.7.0-8169922.x86 ...

  4. vue-cli2.x旧版本卸载不掉的问题解决方案(亲测+踩坑)附Vue脚手架安装教程

    旧版本卸载 问题说明 vue2.x脚手架旧版本卸载不掉的问题:(卸载命令运行后输入vue --version仍一直显示旧版本) 问题解释 首先明确一点,卸载不掉肯定说明你的电脑中至少有两个地方存在脚手 ...

  5. vue脚手架安装以及vue脚手架创建项目(详细步骤)

    系列文章: 文章目录 node.js安装 vue环境安装 vue创建项目 命令行方式创建 使用UI界面搭建 idea导入vue项目 学习Vue不需要学会Node,Vue是前端框架,nodejs是服务端 ...

  6. vue开发搭建(npm安装 + vue脚手架安装)

    一.概念 1.npm:  Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...

  7. 前端学习(1850)vue之电商管理系统电商系统vue脚手架安装

    1. 先下载node.js,下载地址:https://nodejs.org/en/download/ 找个目录保存,解压下载的文件,然后配置环境变量,将下面的路径配置到环境变量中. 安装node 配置 ...

  8. Vue脚手架安装常用命令

    创建vue项目时文件夹内容要为空不然无法创建 cmd切换盘符:E:回车. 切换淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taob ...

  9. Vue脚手架安装及项目搭建(mac版)

    前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo npm install -g vue-cli 安装完成之后检测 $ vue -V 如果终端输出vue的版本号,那么脚手架就安 ...

  10. Vue3.0 难产?Vue 最黑暗的一天

    文/北妈 阅读本文需要 2.6分钟 一 这篇文原文是一个老外的vue爱好者写的,原文写于2019年6月21日,有同学把他翻译出来了,北妈觉得很不错,从原因到过程都有介绍,还有2.0和3.0的写法对比. ...

最新文章

  1. **Java有哪些悲观锁的实现_80% 人不知道的 Redis 分布式锁的正确实现方式(Java 版)...
  2. rocketmq 消息指定_详解RocketMQ不同类型的消费者
  3. Scala重写父类普通方法
  4. 计蒜客 百度地图的实时路况
  5. 一个四维的人在三维世界里到底长什么模样?
  6. PyTorch小案例二
  7. VoIP之语音编码器
  8. Python中默认参数self的理解
  9. Flutter布局常用widgets
  10. python如何创建工程预设_如何在sublime3项目设置中设置python模块的搜索路径?ImportError: No module named *的解决办法...
  11. 超全必读!事件抽取综述(上)
  12. python preference界面设置_Android设置界面5分钟搞定--Preferences的使用
  13. 爱运动管理系统使用指南
  14. 经典病毒:熊猫烧香函数全分析
  15. linux免杀工具,安卓Apk免杀工具:backdoor-apk 教程
  16. OPNsense用户手册-高可用性和硬件故障转移
  17. ora-01045 :user system lacks create session privilege; logon denied
  18. 2021最新凡诺免费企业网站管理系统PHP版 v3.4网站源码
  19. 谷歌开源图片压缩算法Guetzli实测体验报告
  20. 庞博 上海交大计算机系,那个脱口秀的段子手——交大帅哥庞博

热门文章

  1. html5制作电子日历,基于HTML5的日历制作软件
  2. Ubuntu 制作光盘镜像文件
  3. 银河麒麟V10 SELinux启动问题
  4. ECS架构 Entitas-CSharp学习之路(二)
  5. 慎用P值:它让研究结果不可靠
  6. 周伟焜挥别IBM 一个时代结束
  7. A*寻路算法之解决目标点不可达问题
  8. 结构化数据,非结构化数据,半结构化数据的区别
  9. hdu 6638 Snowy Smile 线段树维护最大子段和
  10. 姓名大全 导入mysql_My SQL常用操作汇总详解