Mac 系统配置Vue开发环境

Posted 2023-03-16

参考技术A 首先安装nodejs

终端输入：brew install nodejs  或者直接官网手动安装。 node -v 查看 nodejs版本

注：网上说使用终端安装会需要nodejs模块安装目录的权限，运行：sudo chmod -R 777 /usr/local/lib/node_modules/

3、安装npm （淘宝镜像）

终端输入：npm install -g cnpm --registry=https://registry.npm.taobao.org

4、安装webpack

cnpm install webpack -g

5、安装vue脚手架（自动搭建vue项目框架的工具）

sudo npm install -g vue-cli。静待。

输入vue或者vue list，可vue是否安装成功。

##mac系统下搭建vue开发环境

1. 首先需要安装homebrew

2. 再安装nodejs

brew install nodejs

 3. 再安装npm（淘宝镜像）

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

4.安装webpack

cnpm install webpack -g 

 5. 开始创建我们的工程

先创建一个项目文件夹在桌面（或其他你想存放的地方） 
然后cd 进入这个文件夹： 


cd Desktop/vueapp

再执行 


vue init webpack vueapp

 6. 执行成功后，再执行

cnpm install

 7. 执行完后，再执行

cnpm run dev