搭建vue+webpack前端开发框架

末蓝、 2023-09-25 11:50 14阅读 0赞

想要更方便的以及以模块化形式开发vue，需要用webpack,而且webpack依赖于node运行。所以需要先安装nodejs

?

1.安装node:直接在官网下载文件，安装即可

? ? ? ? 下载地址：http://nodejs.cn/download/

? ? ? ?windows：直接安装

? ? ? ?linux安装方式参考这个地址：https://blog.csdn.net/h13783313210/article/details/96280024?utm\_medium=distribute.pc\_aggpage\_search\_result.none-task-blog-2~all~first\_rank\_v2~rank\_v25-5-96280024.nonecase&utm\_term=linux%20%E5%8D%B8%E8%BD%BDnodejs

安装好之后查看版本：

![搭建vue+webpack前端开发框架\_搭建vue+webpack前端开发框架][vue_webpack_vue_webpack]

2.安装完node之后再安装webpack

? 这里需要说明下：在node里面都是以包来管理的，所以管理这些包需要一个管理工具，npm(node package manager)也就出现了，npm用来管理这些包，webpack也是node里面的一个包，所以安装webpack需要用到npm，不过安装好node之后，都会自动安装npm的。

? ? ? 不过在使用npm时可能是因为国内的原因，安装和下载会需要很长时间，所以最好设置下国内的镜像链接。让nodejs在指定的镜像链接中下载。

? ? ? ? ?命令：npm config set registry https://registry.npm.taobao.org

? ? ? ? ?使用 npm config get registry? 看下镜像链接是否设置成功。

?

? 安装webpack:

? ? ? ? (1) 找个项目目录

? (2)\#npm init -y? //初始下项目

? (3)\#npm install webpack webpack-cli --save-dev? //等待时间可能会长点

3.安装vue

安装命令 npm install -g @vue/cli

? ? ? ?安装完成后使用vue --version查看下版本

? ![搭建vue+webpack前端开发框架\_搭建vue+webpack前端开发框架\_02][vue_webpack_vue_webpack_02]

?

?

[vue_webpack_vue_webpack]: https://img-blog.csdnimg.cn/img_convert/ed2328ea42e988a91670de6167ffc97e.png
[vue_webpack_vue_webpack_02]: https://img-blog.csdnimg.cn/img_convert/a170458a7633c2fe5ca9aa3a2dd229d3.png

发表评论取消回复

表情：

评论列表（有 0 条评论，14人围观）

还没有评论，来说两句吧...

相关阅读

相关前端搭建

一、创建一个Vue应用前提：安装了npm.js ![31da0fb68295c7f88a374e525f5b2891.png][] 在命令行中运行以下命令

素颜马尾好姑娘i/ 2024年03月26日 14:42/ 0 赞/ 83 阅读

相关【前端】搭建Vue3框架

目录一、搭建准备二、node.js安装 1、下载并安装 2、配置默认安装目录和缓存日志目录 ①、创建默认安装

ゝ一纸荒年。/ 2023年10月14日 14:06/ 0 赞/ 65 阅读

相关 NodeJs搭建前端Vue开发环境需要的工具和框架

需要用到如下的工具包：VUE，Webpack，Vue-cli，NodeJs，NPM，ElementUI，Node-Sass，Axios等。目录 1、Vue 是什么？Vue

比眉伴天荒/ 2023年10月07日 23:34/ 0 赞/ 40 阅读

相关 vue前端开发项目框架搭建(node+webpack+vue)

　　node下载地址:https://nodejs.org/zh-cn/download/? 　　node安装会默认装好npm。vue前端开发项目框架搭建(node+webp

快来打我*/ 2023年09月25日 11:53/ 0 赞/ 35 阅读

相关搭建vue+webpack前端开发框架

　　想要更方便的以及以模块化形式开发vue，需要用webpack,而且webpack依赖于node运行。所以需要先安装nodejs 　　? 　　1.安装node:直接

末蓝、/ 2023年09月25日 11:50/ 0 赞/ 15 阅读

相关前端开发框架搭建

前言前端项目搭建初始化及配置 -------------------- 前端项目初始化前端项目使用 vue-element-admin项目 git

深碍√TFBOYSˉ_/ 2022年12月27日 12:38/ 0 赞/ 143 阅读

相关 React前端开发环境搭建

React前端开发环境搭建首先，我们需要明确的是React和很多前端框架一样，底层都还是js以及html，即便它有着看似特殊的jsx语法。我们要在服务端运行js，就

拼搏现实的明天。/ 2022年12月22日 04:35/ 0 赞/ 175 阅读

相关 windows搭建前端开发环境

> 奶茶九月，我换了一份工作，在离开时也就丢下了自己曾掏了7000大洋换过屏幕的mac Book Pro aaron特制版。 > 新公司用thinkCentre 台式机开发

偏执的太偏执、/ 2022年12月10日 05:56/ 0 赞/ 287 阅读

相关前端框架搭建

项目搭建 git clone https://github.com/PanJiaChen/vue-element-admin cd vue-element

墨蓝/ 2022年08月28日 06:46/ 0 赞/ 268 阅读

相关 React前端开发环境搭建

node安装：[https://blog.csdn.net/weixin\_39706415/article/details/88680676][https_blog.csdn

痛定思痛。/ 2022年03月02日 09:10/ 0 赞/ 322 阅读