mac 搭建vue3框架

首先先查看本地vue-cli的版本

注意:一定要是大写的V,小写的报错哦!

Vue -V

如果没有安装过直接安装

npm install -g @vue/cli

 有输出就看输出版本是多少,如果版本在4.5以下,就卸载然后重新安装,如果在4.5及以上,就可以直接创建项目

说明:Vue CLI 4.5以下,对应的是Vue2;Vue CLI 4.5及以上,对应的是Vue3,当然,创建项目的时候可以选择Vue2 

npm uninstall vue-cli -g

npm install -g @vue/cli 

 创建项目

 vue create name

 三种选择,可以选默认3或者默认2或者自配,我这里选的自配

 按a全选后,回车

 选3.x,回车

是否使用class风格的组件语法,输入y,回车

是否使用babel做转义,输入y,回车

路由是否使用历史模式? 这种模式充分利用 history.pushState API 来完成 URL 跳转而无须重新加载页面,这里根据需要选择,我选了y

问使用什么css预编译器? 我选择的 Less

选择哪种代码检测:

  1. eslint w…:只进行报错提醒; 不考虑项目【选这个】
  2. eslint + A…:不严谨模式;
  3. eslint + S…:正常模式;
  4. eslint + P…:严格模式;严谨一点【选这个】

我选了1

监测时机,这里选第一个,保存就监测,不要等提交在监测,那样问题会很多。 

单元测试工具 ,随意

选 Cypress

你的Babel, ESLint, etc等配置保存在哪里,选package.json

是否将你的配置选择作为将来的一个选项。当第一项选择手动配置时,会有该选项。

选择Y的话,以后创建项目会将该次选择的配置作为一个选项供你选择

我选了N

至此,框架初步搭建完成。 

  • 4
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
对于Vue、Node和HBuilder的环境搭建,你可以按照以下步骤进行: 1. 首先,确保你的电脑上已经安装了Node.js。你可以在Node.js官网(https://nodejs.org)下载适合你电脑操作系统的安装包,并按照指引完成安装。 2. 安装Vue CLI。在命令行终端中输入以下命令来全局安装Vue CLI: ``` npm install -g @vue/cli ``` 3. 创建一个新的Vue项目。在命令行终端中,进入你想要创建项目的目录,并执行以下命令: ``` vue create <project-name> ``` 其中,`<project-name>`是你想要给项目取的名称。根据提示选择需要的配置选项,或者直接按回车使用默认配置。 4. 进入项目目录。在命令行终端中,使用以下命令进入刚刚创建的项目: ``` cd <project-name> ``` 5. 启动开发服务器。执行以下命令来启动开发服务器: ``` npm run serve ``` 6. 在浏览器中访问项目。在启动开发服务器后,你可以在浏览器中通过访问`http://localhost:8080`来查看和测试你的Vue项目。 至此,Vue的环境搭建完成。 关于HBuilder的环境搭建,你可以前往官方网站(https://www.dcloud.io/hbuilderx.html)下载适合你电脑操作系统的安装包,并按照指引完成安装。 在HBuilder中,你可以创建和管理Vue项目,并且进行代码编辑、调试、打包等操作。接下来你可以在HBuilder中打开你的Vue项目,开始开发和调试。 至于Node.js和Mac环境的搭建,由于你没有提供更具体的需求和问题,我无法给出详细的步骤。不过,安装Node.js的步骤在上述第一步已经提到,而Mac环境的搭建一般与软件开发相关的工具和框架有关,你可以根据具体的需求进行搜索和安装相应的工具和框架。 希望以上步骤对你有所帮助!如有其他问题,请随时提问。
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值