首页 > 其他分享 >Vue3搭建脚手架

Vue3搭建脚手架

时间:2023-05-05 14:22:25浏览次数:45  
标签:vue 选择 Vue3 脚手架 安装 回车 搭建

一、安装Vue3脚手架

在此之前需要把Node.js环境安装好

如果之前安装了2.0的脚手架,需要把它卸载掉,在控制台执行npm uninstall vue-cli -g 进行全局卸载

然后执行命令 npm install @vue/cli -g 下载vue3的脚手架

二、项目搭建

1、

创建一个新的文件夹,然后使用VSCode或者命令控制台打开

执行vue create 你的项目名称(注意不要有大写字母)

 

2、

第一和第二个分别是Vue3和Vue2的默认模板,我们选择第三个Manually select features(手动选择,也即是自定义的意思),敲回车

 

3、

操作说明:空格选择,a全选,i反选,回车确定。

选择一下选项,然后回车

 

4、选择vue3

 

5、是否使用class风格的component。根据需求来选择,我选择N,然后回车

 

6、是否使用Babel来处理TS代码,选择y,回车

 

7、是否使用history模式来创建路由,选择n,后续如果需要使用是可以在配置中进行更改

 

8、选择css处理器,我这里选择了Less

 

9、选择代码的检测方式,这里选择ESLint+Prettier

 

10、选择什么时候对代码ESLint,这里选择保存的时候,第一个

 

11、对于以上的配置,是选择保存在独立的文件中还是package.json中,这里选择第一个

 

12、是否将本次配置内容设置成预设,这里选择N

 

13、安装完成

我在安装的时候遇到的问题

标签:vue,选择,Vue3,脚手架,安装,回车,搭建
From: https://www.cnblogs.com/WangJianqiu/p/17373887.html

相关文章

  • 前端开发环境搭建--vue
    1、安装node.jshttp://nodejs.cn/download检查是否安装成功node-v使用如下语句解决npm速度慢的问题npminstall--registry=https://registry.npm.taobao.org2、安装vue-clinpminstallvue-cli-g检查是否安装成功:vuelist3、安装webpacknpminstallwebpack-g4、......
  • vue搭建脚手架出现:无法加载文件 D:\SoftWare\NodeJS\node_global\vue.ps1
    一、前言用VsCode搭建Vue3脚手架时,提示“无法加载文件D:\SoftWare\NodeJS\node_global\vue.ps1”文件 二、解决方法以管理员身份打开VSCode编辑器首先执行get-ExecutionPolicy查看执行策略然后执行set-ExecutionPolicyRemoteSigned把策略模式改为RemoteSigned更改执行......
  • vue3学习第一课
    1,先安装npmbrewinstallnpmnpminitvite-appvue3demmocdvue3demmonpminstallnpmrundev ......
  • umi +react 搭建项目细节记录
    配置请求域名,有umirc.ts文件可以直接在该文件加proxy:{  '/api':{ //检测域名后面带/api/的路径   target:'http://192.168.0.90', //要请求的域名或IP地址   'changeOrigin':true,   //'pathRewrite':{'^/api':''......
  • 基于SqlSugar的开发框架循序渐进介绍(29)-- 快速构建系统参数管理界面-Vue3+ElementPlus
    在随笔《基于SqlSugar的开发框架循序渐进介绍(28)--快速构建系统参数管理界面》中介绍了基于SqlSugar开发框架,构建系统参数管理的后端API部分,以及WInform界面部分内容,本篇随笔介绍基于Vue3+ElementPlus的前端界面开发过程。1、Winform端界面的回顾系统参数的信息,设计为包含一个大......
  • Vue3 h函数渲染组件
    1、渲染ElSelect组件constmodulleFilters=ref([{label:1,value:2},{label:2,value:3},]);constsearch=ref('');consttableColumn=[{prop:'module',label:'模块',headerRender:()=>h(......
  • JavaSE【1】-环境搭建
    JavaSE【1】-环境搭建一、Java开发环境的搭建所谓的Java开发环境的搭建,其实就是构建出一套可以编译和执行Java应用程序的软件工具;在Java开发环境的搭建中需要安装JDK的软件工具(Java开发工具包);1.1、搭建的步骤1、下载JDK安装包(要求是不低于1.7的版本);2、安装JDK软件(非C盘即可......
  • Linux搭建JDK环境
    一、上传linux版本的JDK包至服务器本次实验上传的linux目录为/usr/local/develop/JDK。二、解压JDK压缩包tar-zvxfjdk-8u351-linux-x64.tar.gz解压后详情如下三、配置JDK环境变量3.1、打开profile文件,配置jdk的环境变量sudovi/etc/profile3.2、在文件尾......
  • Vue3数据无法显示/数据无法修改
    问题描述:昨天朋友问了我一个关于Vue3的问题,给他解答后,想起貌似自己当初也曾被这个问题困惑过,只不过被善用搜索引擎后找到了问题所在。现在考虑到可能有些朋友搜不到解决方法,所以现在用它的表现形式作为标题,可能更便于搜索到。现在重现一下这个问题:<divv-for="(item,idx)inl......
  • 搭建局域网
    要搭建一个局域网,您需要执行以下步骤:购买或获取路由器:这是连接计算机和网络的主要设备。连接路由器:将您的计算机和其他设备连接到路由器上。使用网线连接路由器和个人电脑,或者通过Wi-Fi连接无线设备。配置路由器:输入路由器的管理员用户名和密码,并根据需要进行设置。分......