新手入门vue-element-admin框架（一）：MAC系统下的环境配置

本系列记录了笔者在学习vue-element-admin框架过程中的经历和心得，如有不足，请多指教。

参考资料都有注明来源，如有遗漏，还请指出，并多多包涵。

 

第一部分 环境配置

众所周知，配环境是做开发的第一道坎。

 

----------------------------------------------------

• 系统：Mac
• IDE：Webstorm
• 版本管理：git
• 其他：node.js, npm, webpack, vue

 

1.安装node.js

    ·下载地址：https://nodejs.org/en/download/  

                      选择MAC OS版本下载并安装。

   ·检验安装成功，查看版本：

% node -v

   ·获取nodejs模块安装目录访问权限：

% sudo chmod -R 777 /usr/local/lib/node_modules/

2.npm（cnpm）

    ·Node.js是JS的运行环境，其下有npm包管理器，随着nodejs一起安装。

    ·查看配置：

% npm config ls

    ·配置全局安装路径和缓存路径：

% npm config set prefix <自定义路径>

% npm config set cache <自定义路径>

    ·检验是否安装成功：

% npm -v

    ·使用淘宝镜像安装cnpm

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

    以后的下载安装命令可以直接使用cnpm。

3.安装npm-cli脚手架

% cnpm install npm-cli -g

4.安装webpack工具

% npm install webpack-cli -D -S

5.安装WebStorm

Jetbrains官网（https://www.jetbrains.com/webstorm/）下载对应版本。

6.git

相信每个程序员都配过，关于如何配置和基本的指令不再赘述。

7.mac的包管理工具：brew的安装

% /bin/zsh -c "$(curl -fsSL https://gitee.com/cunkai/HomebrewCN/raw/master/Homebrew.sh)"

8.其他工具（可选）

-mocha单元测试

-express框架

 

基本的环境配置就告一段落了，下一部分将介绍如何安装并运行vue-element-admin框架。

 

感谢阅读

 

参考资料：

https://cn.vuejs.org/v2/guide/installation.html