傻瓜Vue——Macbook Pro 上配置Vue环境 - Go语言中文社区

傻瓜Vue——Macbook Pro 上配置Vue环境



加油加油!如果你感觉你现在很累,那么恭喜你,你现在正在走上坡路!让我们一起加油!

欢迎关注我的讲解视频,让我们一起学习:

Bilibili主页: https://space.bilibili.com/481802918

在这里插入图片描述

在这里插入图片描述

Vue开发环境基本流程

1. 在Mac上安装brew

brew是Mac下的一个包管理工具,可以在Mac上安装,卸载和更新各种软件包。brew已成为程序员Mac电脑的必备工具

2.安装nodejs

使用brew来安装

brew install nodejs

安装完毕后使用node -v来查看nodejs的版本(npm是随同nodejs一起安装的包管理工具)
在这里插入图片描述

但是npm是国外的服务器,速度比较慢,我们可以给他换成淘宝源cnpm

npm install -g cnpm --registry=https://registry.npm.taobao.org

3.安装webpack

cnpm install webpack -g

4.安装vue脚手架

用于创建vue的初始项目

cnpm install vue-cli -g

5.创建Vue项目

到指定目录下创建Vue项目。

#命令格式:vue init webpack 工程名字<工程名字不能用中文>
vue init webpack fuhao7i

注意:elint, unit test, e2e test 选择n其它直接回车即可

在这里插入图片描述

6. 运行

在vscode中打开项目;
在这里插入图片描述
在终端中输入命令;

npm run dev

7. 设置npm依赖的全局安装位置

注意windows电脑将npm的缓存路径设置到D盘(默认是C盘)。

npm set cache 路径
npm set prefix 路径

将路径添加到环境变量path中

7.搭配Element速成

安装Element

cnpm i element-ui -S
版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/fuhao7i/article/details/109467813
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢