Vue-cli脚手架搭建+express本地服务器搭建

一.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完成

  1. 打开CMD,检查是否正常,查看node版本: node -v

  2. 再看看另外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

  • 1
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值