当前位置:   article > 正文

Mac 创建Vue项目 & 权限 超详细!!配图讲解!!_mac创建vue项目

mac创建vue项目

1.创建Vue项目

需知:需要安装npm和Vue脚手架 可以查看作者主页专门出了一期安装!!
在桌面新建一个文件

这样我们创建的Vue项目就会在这个文件夹里
进入终端后输入
vue create stun(项目名首字母不能大写) 

sudo vue create stun(项目名首字母不能大写) 
1.选择配置项
会车后我们会见到

  1. Vue CLI v5.0.8
  2. ? Please pick a preset:
  3. Default ([Vue 3] babel, eslint) ——>vue3配置项
  4. Default ([Vue 2] babel, eslint) ——>vue2配置项
  5. ❯ Manually select features ——>手动选择配置项(推荐)

选择配置项是通过键盘上下键来进行选择的 选择后直接会车即可
2.选择当前项目所需要的功能

  1. ? Please pick a preset: Manually select features
  2. ? Check the features needed for your project: (Press <space> to select, <a> to
  3. toggle all, <i> to invert selection, and <enter> to proceed)
  4. ◉ Babel
  5. ◯ TypeScript
  6. ◯ Progressive Web App (PWA) Support
  7. ◉ Router
  8. ◉ Vuex
  9. ❯◉ CSS Pre-processors
  10. ◯ Linter / Formatter
  11. Unit Testing
  12. ◯ E2E Testing

通过键盘上下进行选择 找到自己想要的功能直接按空格即可 当选完后按回车
3. 选择Vue.js的版本
 

  1. ? Please pick a preset: Manually select features
  2. ? Check the features needed for your project: Babel, Router, Vuex, CSS
  3. Pre-processors
  4. ? Choose a version of Vue.js that you want to start the project with
  5. 3.x
  6. 2.x

通过向下键选择直接所需要的Vue.js版本 现在目前推荐选择2.x版本 选择后直接会车可进下一步
4.配置项

  1. Vue CLI v5.0.8
  2. ? Please pick a preset: Manually select features
  3. ? Check the features needed for your project: Babel, Router, Vuex, CSS
  4. Pre-processors
  5. ? Choose a version of Vue.js that you want to start the project with 2.x
  6. ? Use history mode for router? (Requires proper server setup for index fallback
  7. in production) Yes
  8. ? Pick a CSS pre-processor (PostCSS, Autoprefixer and CSS Modules are supported
  9. by default): Sass/SCSS (with dart-sass)
  10. ? Where do you prefer placing config for Babel, ESLint, etc.? In dedicated
  11. config files
  12. ? Save this as a preset for future projects? No
  13. ? Pick the package manager to use when installing dependencies: Yarn

无脑按回车即可 其中如有自己需要选择的配置项可以进行选择
5.创建完成

 后面按照上面给的打开方式 输入打开即可 我这里是yarn打开 有的小伙伴可能是 npm 也是可以的
打开后就会出现两个服务器网址 大家直接复制粘贴到浏览器中查看即可

 

 这样我们的一个Vue项目就创建完成了
打开可以再次查看桌面里的文件就会有Vue项目
拖拽到Visual Studio Code即可 

如果出现删除更改不了文件说明权限不足 解决方案: 

 

打开锁点击应用到包含的项目即可
因为Mac有些终端操作可能权限不足 所以在操作的时候在命令前加上 sudo .... 输入密码即可
如有其他问题欢迎戳戳!!! 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/空白诗007/article/detail/777467
推荐阅读
相关标签
  

闽ICP备14008679号