vue模块化项目的搭建

最新推荐文章于 2023-08-19 19:24:11 发布
最新推荐文章于 2023-08-19 19:24:11 发布
阅读量541 收藏 1
点赞数
分类专栏： vue入门
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45846177/article/details/104262189
版权

vue项目的环境搭建

首先要进行环境依赖检测
在这里插入图片描述
然后就是vue的脚手架的安装-基于node，必须得要安装
npm install @vue/cli -g
在这里插入图片描述
在这里插入图片描述
现在脚手架工具就安装成功了，在命令行输入vue就可以看到帮助
在这里插入图片描述
接下来，我们来构建项目，在命令行输入vue create my-mall
在这里插入图片描述
我这边选的是自定义的
在这里插入图片描述
按回车进入子配置
在这里插入图片描述
我这这输入N，选择了hash模式
然后回车
在这里插入图片描述
选择了less，然后回车
在这里插入图片描述
语言检验，看自己需要选择，然后回车
在这里插入图片描述
一般会选择第一项，文件保存时，看需要哈，然后继续回车
在这里插入图片描述
继续回车
在这里插入图片描述
继续回车
在这里插入图片描述
这边是保存，继续回车
在这里插入图片描述
最后 再回车，项目就构建好了。
下次再讲解构建好项目的文件结构及作用

进阶的前端工作者
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
vue-multi-module【多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署】...
weixin_33958585的博客
05-08 5923
基于 vue-cli 2 实现，vue 多模块、vue多项目集成工程 Github项目地址 : github.com/BothEyes199… 目标：多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署 使用业务场景 1.如果项目可能有对应多个不同UI界面;对于这样的场景你可能首先会想到，用样式主题就可以实现，基本的样式或者换肤是可以通过样式实现。但如果要实现更复杂的，比如...
vue 搭建后台系统模块化开发详解
10-17
在本篇“Vue 搭建后台系统模块化开发详解”中，我们将深入探讨如何利用 Vue.js 搭建一个模块化的后台系统。 首先，我们看到项目的目录结构，它包括了 `build`、`config`、`src`、`static` 等核心文件夹，以及 `...
Vue基础知识+组件化开发+模块化开发总结
weixin_45802793的博客
01-24 1849
三、内容: 一、MVVM View层 视图层，我们前端开发时候的DOM层 主要就是给用户展示各种信息 Model层 数据层:可能是我们固定的思数据，更多的是来自我们的服务器，在网路上请求下来的数据 VueModel层 视图模型层 视图模型层是View和Model沟通的桥梁 一方面实现Data Binding(数据绑定), Model的改变反映到View 另一方面实现Dom Listener 二、Vue的生命周期 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传
Vue组件的发布与使用
qq_37324935的博客
11-01 651
Vue组件的发布与使用 第一步： ​ 新建一个文件夹，用于保存组件的内容，我这里是MyGwc ​ 终端输入npm init生成组件的json文件 package name 包名 version 版本 description 描述 entry point 入口点 test command 测试命令 git repository git存储库 keywords 关键字 author 作者 license 许可证 第二步： ​ 在
vue组件化编程（模块与组件，模块化与组件化，非单文件和单文件组件）
weixin_41549971的博客
07-11 644
组件，模块，组件化，模块化，单文件组件，非单文件组件
前端基础（Vue的模块化开发）
最新发布
MRJJ_9的博客
08-19 941
Vue项目搭建、模块化开发
vue2.x搭建模块化项目
09-24
在本文中，我们将深入探讨如何使用Vue2.x搭建一个模块化的项目。Vue2.x是Vue.js框架的一个版本，它提供了一种高效、可复用且易于维护的前端开发方式。模块化项目架构使得代码组织更加有序，提高了团队协作效率。 ...
基于vue-cli搭建多模块且各模块独立打包的项目
10-16
主要介绍了基于vue-cli搭建多模块且各模块独立打包的项目,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下
vite+vue+cesium项目搭建
03-13
【vite+vue+cesium项目搭建】是一个关于使用现代前端构建工具Vite，结合Vue.js框架，并集成3D地球渲染库Cesium的教程。Vite是由Vue.js作者尤雨溪开发的新型前端构建工具，它提供了更快的热模块替换（HMR）和更快的...
vue中node_modules中第三方模块的修改使用详解
12-01
最近用vue在做一个项目，github用上找了一个日历插件，intall到了本项目中，配好以后发现插件的样式风格和项目总体风格相差较大，所以就像这个改一下插件风格， 第一种方法：我直接在父组件中将style标签的scoped的属性去掉了，在父组件中直接写了想要的样式，重叠样式全部！important，结果确实生效了 第二种方法：本想这个要是样式这么改，还有路可走；要是插件的底层方法呢，如果有对外开发的修改入口还行，要是没有，可咋办，于是想着能不能直接去改下这个插件，这样直接一锤子到底，　　　 　　　　　　在node_modules中直接找到了这个插件，查阅了这 　　　　　　 刚开始直接啥也
大型项目的通用模块化多页全栈Vue样板
08-09
基于Node.js，Express，PM2，Lerna，Webpack，Babel，Vue.js，Element，PostCSS处理大型项目的通用模块化多页全栈Vue样板
vue - vuex详细讲解和modules模块化的使用
qq_43886365的博客
09-16 4893
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。 通俗的来说，vuex是用于当某一状态需要在多个组件中共享，方便我们使用并追踪这些状态时使用。
Vue-modules
weixin_41040445的博客
01-17 637
单一模块：例 import axios from 'axios' export default{ state:{ a:50 }, mutations:{ add(state,{a}){ state.a += a } }, getters:{ }, actions:{ addServe({commit}){ // conso
vue init webpack 多模块项目搭建
qq_37550440的博客
05-19 555
基于 vue-cli 4 实现，vue 多模块、vue多项目集成工程 Github项目地址 :https://github.com/zhanghenxiao/webpack_multi_project 目标：多模块集成的vue项目，多项目共用一份配置，可以互相依赖，也可以独立打包部署 使用业务场景 1.如果项目可能有对应多个不同UI界面;对于这样的场景你可能首先会想到，用样式主题就可以实现，基本的样式或者换肤是可以通过样式实现。但如果要实现更复杂的，比如不同两套UI的界面可能功能显示及样式都有差别.
vue基础及其模块化构建
m0_37809911的博客
03-22 746
https://cn.vuejs.org/v2/guide/https://cn.vuejs.org/v2/guide/installation.html#直接用-lt-script-gt-引入
vue.js中vuex的详解配置及模块化使用
LONGLONGAGO_RU的博客
06-12 1506
在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用: 首先要安装、使用 vuex 首先在 vue 2.0+ 你的vue-cli项目中安装 vuex ...
vueX的基本使用之Module（终）
热门推荐
会点php的前端小渣渣
03-21 2万+
(个人理解：module 例如：购物车模块，订单模块，商品模块...每个模块都有自己的数据)首先下面的内容是我复制的，我觉得写的还是容易理解的，基本上都看的懂，所以我自己就不重新造轮子了.....（其实是懒.....）module：可以让每一个模块拥有自己的state、mutation、action、getters,使得结构非常清晰，方便管理。怎么用module？一般结构?123456789...
Vue模块化（一）
GODYEARS的博客
06-17 219
核心为：导入、导出 CommonJs： 1.导出 module.exports = { flag:true, test(a, b) { return a + b } demo(a, b) { return a * b } } 2.导入 let { test, demo, flag} = require('modu.js') //modu.js为文件路径 ...
Vue环境搭建与项目初始化详解：NPM、Webpack与vue-cli
本文主要介绍了如何在Windows系统上搭建Vue开发环境，并且初始化一个新的Vue项目。首先，我们了解了Node.js及其核心组件npm，它是Node.js平台下的包管理器，用于方便地管理和安装项目所需的第三方模块。npm的主要...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值