>[danger] 请记住，所有的Vue项目及其衍生项目都依赖于Node.js # Node.js、npm的安装 快速链接：[NodeJs中文网](http://nodejs.cn/download/) 进入官网后按照Windows版本下载，安装时会要求选择时否安装chocolatey，如果是Windows版本建议选择是，因为安装chocolatey过程中会安装一些依赖，如python等，对后续npm使用会有帮助。 整个过程安装完成后，Node会自动给你安装npm，如果不知道npm是什么的话你就理解成是一个依赖包管理器即可，接下来对npm做一些配置。 ## npm的配置 1. 更换npm源，由于npm默认源在国外，所以很慢，首先需要更换npm源 ~~~cpp npm config set registry https://registry.npm.taobao.org ~~~ 2. 配置npm的缓存及目录 ~~~swift npm config set cache "C:\Program Files\nodejs\npm-cache" npm config set prefix "C:\Program Files\nodejs\npm-global" # 将"C:\Program Files\nodejs\npm-global" 路径添加至环境变量 ~~~ 3. 安装cnpm（国版npm） ~~~cpp npm i -g cnpm --registry=https://registry.npm.taobao.org # 添加插件目录 cnpm config set cache "C:\Program Files\nodejs\npm-cache" cnpm config set prefix "C:\Program Files\nodejs\npm-global" # 安装cnpm后以后npm命令使用cnpm代替 ~~~ 4. 查看配置 ~~~ cnpm/npm config ls -l ~~~ ## vue/cli安装 ~~~cpp # 先使用命令查看是否安装了vue >npm ll -g C:\Program Files\nodejs\npm-global │ ├── cnpm@7.1.1 │ cnpm: npm client for cnpmjs.org ├── node-sass@7.0.1 │ Wrapper around libsass └── npm@8.5.5 a package manager for JavaScript # 安装vue/cli >cnpm install -g @vue/cli # 安装完成后查看 > npm ll -g C:\Program Files\nodejs\npm-global │ ├── @vue/cli@5.0.4 │ Command line interface for rapid Vue.js development ├── cnpm@7.1.1 │ cnpm: npm client for cnpmjs.org ├── express@4.17.3 │ Fast, unopinionated, minimalist web framework ├── node-sass@7.0.1 │ Wrapper around libsass └── npm@8.5.5 a package manager for JavaScript ~~~