Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异

简介: Mac 使用CLI脚手架创建 Vue项目、不同版本创建项目的项目结构差异

正文

vue create hello-world

这个时候会让你选择一些特性:

建议:Router要选,这是单页面应用的核心。

最后会问你是否保存一个偏好设置。

Mac 进入管理员目录,由于该文件夹是隐藏的,使用Command + Shift + . 查看。

长得像这样。

{
“useTaobaoRegistry”: true,
“presets”: {
“vv”: {
“useConfigFiles”: true,
“plugins”: {
“@vue/cli-plugin-babel”: {},
“@vue/cli-plugin-router”: {
“historyMode”: false
},
“@vue/cli-plugin-vuex”: {},
“@vue/cli-plugin-eslint”: {
“config”: “base”,
“lintOn”: [
“save”
]
}
},
“vueVersion”: “2”,
“cssPreprocessor”: “dart-sass”
}
}
}

项目结构

====================================================================

Vue版本不同带来的项目结构差异


  • vue 2.x

  • vue 3.x

最后

给大家分享一些关于HTML的面试题。


相关文章
|
2月前
|
Java 应用服务中间件 Maven
Mac使用Idea配置传统SSM项目(非maven项目)
Mac使用Idea配置传统SSM项目(非maven项目)
39 1
|
2月前
|
Linux
【Linux 或Mac系统】自动生成项目结构目录并放在README.md文件中
如何在Linux或Mac系统中使用tree命令自动生成项目结构目录,并将其格式化后放入项目的README.md文件中以展示项目结构。
84 1
|
2月前
|
JavaScript 前端开发 Shell
mac和windows上安装nvm管理node版本
NVM(Node Version Manager)是前端开发者常用的命令行工具,用于管理计算机上的不同Node.js版本。通过NVM,开发者可以轻松地在多个项目间切换所需的Node.js版本。在Mac上,可以通过cURL或Wget下载安装脚本,或使用包管理工具brew安装。安装后需配置环境变量以识别NVM命令。Windows用户则可通过专用的nvm-windows安装程序完成安装。常用命令包括安装、卸载特定版本、列出已安装版本等。
138 0
|
4月前
|
开发工具 git
MAC如何使用Git命令行上传本地项目及理解,failed to push some refs to ‘https://gitee.com/brother-barking/spxx.git
MAC如何使用Git命令行上传本地项目及理解,failed to push some refs to ‘https://gitee.com/brother-barking/spxx.git
|
5月前
使用mac版本试用版Beyond过期报错,反复提示要注册的提示信息问题,暂时没有解决方案
使用mac版本试用版Beyond过期报错,反复提示要注册的提示信息问题,暂时没有解决方案
43 1
|
5月前
|
iOS开发
mac版本Beyond Compare如何一直试用
mac版本Beyond Compare如何一直试用
227 0
mac版本Beyond Compare如何一直试用
|
5月前
|
JavaScript 小程序 前端开发
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目(保姆级)
【Vue篇】mac上Vue 开发环境搭建、运行Vue项目(保姆级)
982 2
|
2月前
|
NoSQL 数据可视化 Redis
Mac安装Redis
Mac安装Redis
44 3
|
20天前
|
iOS开发 MacOS Windows
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
Mac air使用Boot Camp安装win10 ,拷贝 Windows 文件时出错
|
2月前
|
关系型数据库 MySQL 数据安全/隐私保护
Mac安装Mysql5.7
Mac安装Mysql5.7
59 5