一.Vue-cli是什么&准备工作
webpack就是前端资源模块化管理和打包工具,它可以将很多松散的模块按照依赖和规则打包成符合生产环境部署的前端资源,还可以将按需加载的模块进行代码分割,等到实际需要的时候再异步加载,而要它自动实现这些功能,你得提前编辑好配置文件。vue-cli是脚手架工具,其作用就是用配置好的模板迅速搭建起一个项目工程来,省去自己配置webpack配置文件的基本内容。
具体来说就是你安装好node环境以及vue-cli后,通过 ‘vue init 模板名 项目名’,然后简单回答部分基本问题后就能快速建立起工程项目
准备工作:
1.准备一个空文件夹nodejs,我放在了D盘。下载node安装包
官网下载:https://nodejs.org/en/download/
Ps:node安装包只支持win8+,不支持win7
2.一直默认就行,安装路径可以改变但要记得。点Finish完成
-
打开CMD,检查是否正常,查看node版本: node -v
-
再看看另外2个目录,npm的本地仓库跑在系统盘c盘的用户目录了(没见到npm-cache是因为没有用过,一使用缓存目录就生成了),我们试图把这2个目录移动回到D:\nodejs . 先如下图建立2个目录
5.然后运行以下2条命令
npm config set prefix “D:\nodejs\node_global”
npm config set cache “D:\nodejs\node_cache”
6.再来关注一下npm的本地仓库,输入命令npm list -global
7.输入命令npm conf