目 录CONTENT

文章目录

NPM 配置与 Vue 项目操作指南(nodejs)

BKUN
2021-11-13 / 0 评论 / 0 点赞 / 2,098 阅读 / 415 字

🚀 NPM 配置与 Vue 项目操作指南(nodejs)

📡 切换为阿里镜像

为了加速下载,我们可以将 npm 的默认源切换为阿里镜像。操作如下:

npm config set registry https://registry.npmmirror.com  # 注册阿里镜像
npm cache clean --force  # 清空缓存,确保切换生效

npm login #如需登录认证,请使用此命令

💡 小提示:清空缓存可以避免旧配置干扰,强制执行更稳妥!

🛠️ 安装 cnpm(淘宝镜像)

如果你更喜欢用 cnpm,可以全局安装它,依然使用阿里镜像源:

npm install -g cnpm --registry=https://registry.npmmirror.com

🌟 cnpm 是 npm 的一个替代工具,速度更快,适合国内网络环境。

📦 Vue 项目安装依赖

进入你的 Vue 项目目录,安装所需依赖:

npm install  # 使用 npm 安装
# 或
cnpm install  # 使用 cnpm 安装

⏳ 根据网络情况选择合适的工具,依赖安装完成才能进入下一步哦!

▶️ Vue 项目启动

安装完依赖后,启动开发环境:

npm run dev  # 使用 npm 启动
# 或
cnpm run dev  # 使用 cnpm 启动

🎉 启动成功后,通常会在浏览器看到本地开发地址(比如 http://localhost:8080)。

📲 Vue 项目打包

开发完成后,打包项目生成上线文件:

npm run build  # 使用 npm 打包
# 或
cnpm run build  # 使用 cnpm 打包

✅ 打包完成后,查看 dist 文件夹,里面就是你部署到服务器的静态文件啦!

0

评论区