vue模块化开发

Bertha 。 2023-02-26 02:25 14阅读 0赞

## 操作步骤如下: ##

`1.npm install webpack -g`  
全局安装webpack  
`2.npm install -g @vue/cli-init`  
全局安装vue手脚架  
3.初始化vue项目  
vue init webpack appname 解释如下：vue手脚架使用webpack模版初始化一个appname项目  
项目名称如果不变 可以使用默认的名称  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1]  
如下图所示：安装完成  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 2]  
启动:http://localhost:8081/\#/  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 3]

[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70]: /images/20230209/613e0174e1dc481c813b44830351167f.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 1]: /images/20230209/467e08eb7af04119a33966d56e71be04.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 2]: /images/20230209/e47aa9cd3a5f4f9ba5be34cb07599b37.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L09ubHlvbmVGcmlzdA_size_16_color_FFFFFF_t_70 3]: /images/20230209/158ef14f866a4023a66a958eac38bcd9.png

发表评论取消回复

表情：

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

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

相关阅读

相关 Vue模块化开发

Vue模块化开发 1、全局安装 webpack `npm install webpack-g` 2、全局安装vue脚手架 `npm install -g

╰半橙微兮°/ 2023年10月05日 13:24/ 0 赞/ 22 阅读

相关 vue模块化开发

操作步骤如下: `1.npm install webpack -g` 全局安装webpack `2.npm install -g @vue/cli-init`

Bertha 。/ 2023年02月26日 02:25/ 0 赞/ 15 阅读

相关 vue模块化

vue模块化故心故心故心故心小故冲啊 -------------------- 文章目录 vue模块化定义模块的优点 Comm

你的名字/ 2022年12月29日 01:47/ 0 赞/ 191 阅读

相关使用Vue脚手架进行模块化开发

文章目录一、安装项目打包工具二、安装Vue命令行程序三、初始化vue项目四、启动 vue 项目五、模块化开发 1.项目

逃离我推掉我的手/ 2022年10月29日 11:27/ 0 赞/ 163 阅读

相关 Vue模块化开发使用路由

文章目录一、Vue模块化开发使用路由 1、为项目安装vue-router,选择终端->新终端选项，在弹出的终端窗口中输入以下命令安装vue-route

清疚/ 2022年08月31日 07:18/ 0 赞/ 231 阅读

相关【Vue.js 知识量化】组件化开发 + 前端模块化

Vue.js 组件化开发组件化认识组件化注册组件全局组件和局部组件父子组件组件数据

青旅半醒/ 2022年08月30日 05:19/ 0 赞/ 276 阅读

相关前端开发——模块化（css模块化开发）

掌握模块化开发的思想是我们进行模块化开发的基础。他有以下几部分组成： 1.css模块化 2.html模块化 3.js模块化 > 模块化开发的优势

ゝ一世哀愁。/ 2022年02月18日 09:15/ 0 赞/ 493 阅读

相关模块化开发

我们传统的项目开发模式大致有俩种： 1.整个项目的所有手写js代码写的一个js文件中。这样会导致代码耦合度太高，关联性不强，不便于后期的维护，另外，会造成全局污染。 2.第

た入场券/ 2021年11月29日 05:44/ 0 赞/ 395 阅读

相关模块化开发

模块化是指解决一个复杂问题时自顶向下逐层把系统划分成若干模块的过程，有多种属性，分别反映其内部特性。定义：可管理模块的方式基本属性：接口、功能、逻辑、状态

╰半夏微凉°/ 2021年11月22日 14:44/ 0 赞/ 463 阅读

相关 js 模块化开发

一、Javascript 模块化编程： 1、记的刚开始用JS写代码的时候，都是一个方法一个方法的处理某个事情，比如 function check()\{ dosom

「爱情、让人受尽委屈。」/ 2021年06月24日 13:59/ 0 赞/ 562 阅读