mac下使用vue-cli快速搭建项目

今天电脑重装了下,当然什么环境都没有了。

1.先装node,一路next,直至安装完成;

image.png

命令行查看是否安装好:node -v
当然在这里,你可以把淘宝镜像安装了:
npm install -g cnpm --registry=https://registry.npm.taobao.org

image.png

2.安装webpack

npm install webpack -g
webpack -v
注意,这里有个坑:如果你是webpack4版本,一定要安装webpack-cli

3.安装vue-cli

npm install vue-cli -g
vue -v
注意,这里有个坑:-v应该是大写V


image.png

4.用vue-cli构建项目

创建项目:vue init webpack my-vue,一路enter键
进入项目:cd my-vue
安装依赖(可使用淘宝镜像):npm i
运行项目:npm run dev

5.在安装包的时候可能会失败,并出现以下的错误,原因是npm的安装权限不足

image.png

解决:在安装命令行之前加入sudo,根据提示输入密码即可

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 醒来之后乱想了好久 上次去成都吃了一种饼 店家起名“锅魁” 有牛肉猪肉两种 牛肉主麻 猪肉主辣 都很好吃 麻的更合...
    莫戴三山阅读 1,463评论 0 0
  • 《原则》分享(上) 2018-04-11PCPC胡思妙想 《原则》分享 大家好!今天跟大家分享一下我的读书心得...
    PC胡思妙想阅读 1,270评论 0 0
  • 刘婕分享第401天 我们每天都在与人沟通,沟通的方式有倾听.说话,阅读,书写。据调查,倾听,说话,阅读,书写的方式...
    麦青阅读 3,757评论 0 0

友情链接更多精彩内容