抛开脚手架搭建vue项目

最新推荐文章于 2024-09-22 18:04:02 发布
最新推荐文章于 2024-09-22 18:04:02 发布
阅读量66 收藏
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44623642/article/details/129240845
版权

最近想搭建一个轻量化vue，用于测试用。看了很多博客，参差不齐，安装模块一大堆，但是没有说明每个模块的作用，故在此罗列最常用的模块及其作用，可搭配其他搭建流程阅读

初始化项目

npm init

安装依赖

生产环境安装

模块名作用
vue主体依赖包
element-ui饿了吗ui
vue-routervue路由

eg：

npm install vue --save

开发环境安装

模块名作用
webpack打包主要工具
vue-loader识别vue文件，并解析，将它编译成js文件
vue-template-compiler将vue-loader解析的template编译为JavaScript 渲染函数
css-loaderwebpack翻译css
style-loaderwebpack翻译style
Tang Paofan
关注
抛开脚手架搭建vue工程
u011134727的博客
08-28 1988
本期分享了vue如何快速搭建一个工程化的项目，并且是非常的轻量级的。安装对应的依赖，依赖分为三步骤，核心依赖库，构建工具库，.vue文件的编译库在每个文件编写对应的配置，即可完成一个轻量级的vue脚手架的搭建当然，有的同学会问这个从哪里来的，那就请看这里吧。...
require引入js vue_抛开vue-cli 利用requireJS搭建一个vue项目
weixin_39564036的博客
12-20 365
---恢复内容开始---现在学习vue都是利用脚手架vue-cli快速搭建一个项目，这是非常高效的方法，我是十分推荐的，但是有时候在没有互联网的情况，我们没办法在node环境下，敲一个nmp install XXX帮我们搭建系统。这边也遇到了这样的情况，记录一下过程，备忘。采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目。关于这一块，大家可以百度一下，查询相关资料熟悉requi...
抛开vue-cli 利用requireJS搭建一个vue项目
weixin_30894583的博客
06-02 160
---恢复内容开始--- 现在学习vue都是利用脚手架vue-cli快速搭建一个项目，这是非常高效的方法，我是十分推荐的，但是有时候在没有互联网的情况，我们没办法在node环境下，敲一个nmp install XXX帮我们搭建系统。这边也遇到了这样的情况，记录一下过程，备忘。 采用的方式是利用requireJS搭建一个遵循AMD规则的vue项目。关于这一块，大家可以百度一下，查询相关资料熟悉r...
全栈架构：从0开始，Vue的搭建与开发
架构师尼恩
12-31 1246
Vue.js是一套构建用户界面的 “渐进式框架”。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过一些特殊的HTML语法，将DOM和数据绑定起来。一旦你创建了绑定，DOM将和数据保持同步，每当变更了数据，DOM也会相应地更新。
vue简介
haoxin963的专栏
09-16 433
1.Vue.js是什么？ Vue.js是当下很火的一个JavaScript MVVM库，它是以数据驱动和组件化的思想构建的。相比于Angular.js，Vue.js提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。 如果你之前已经习惯了用jQuery操作DOM，学习Vue.js时请先抛开手动操作DOM的思维，因为Vue.js是数据驱动的，你无需手动操作DOM。它通过...
vue入门秘籍
tangyuhui
04-18 306
学习目标 会搭建前端开发环境 会创建Vue实例，知道Vue的常见属性 会使用Vue的生命周期的钩子函数 会使用vue常见指令 会使用vue计算属性和watch监控 了解vue-cli使用 会编写vue组件 掌握组件间通信 了解vue-router使用 了解vuex使用 实战 1.认识Vue Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整
vue知识点总结
PAN_h5的博客
02-23 222
基础知识点 如何起步 引包Vue.js 通过Vue对象，new Vue（options） 配置options对象 el:发生动作的目的地 template:模板（必须为一个根节点） data函数，返回的是一个对象 components:key是组件名，value是组件对象 methods：配合事件 props：子组件接受的参数设置 插值表达式 {{表达式}}：对象、字符串、判断后的布尔值、三元...
用react-create-app搭建一个类似vue的初始项目（eslint，prettier，rouer）
海天酱油zz
12-27 637
不废话了，这次直接开干。也是我逐步的搭建过程。当手记了 总结看最后。 本次项目地址：https://github.com/ht-sauce/react-template 1、创建项目 这个没什么可以说的，就是一个命令：npm create 你的项目名称 附带官网地址：https://www.html.cn/create-react-app/docs/setting-up-your-edi...
详解如何使用vue-cli脚手架搭建Vue.js项目
10-19
- 使用vue-cli脚手架创建的项目已经包含了热加载、代码检查、单元测试和CSS分离等现代Web开发所需的功能。 - Vue.js项目的目录结构是预设好的，这包括源码、资源、构建配置等不同部分的文件夹。 - 在进行项目开发时...
【不使用vue-cli脚手架 搭建Vue2.0项目环境】
qq_46106080的博客
12-17 1821
项目创建目录结构 一、初始化 npm init -y 二、安装依赖 2.1生产环境依赖 npm install vue vue-router -S 2.2开发环境依赖 npm install babel-loader babel-core vue-loader node-sass sass-loader css-loader style-loader webpack webpack-cli webpack-dev-server html-webpack-plugin vue-template-c
Vue3 脚手架搭建项目详细过程
热门推荐
zyf971020的博客
10-12 1万+
Vue3 脚手架搭建项目详细过程及代码规范配置
文件系统设计 - 开发文件系统 Store (上篇)
qq_44746132的博客
09-21 548
本章以一个基础的响应式Store类开始，对编辑器最核心的基础模块-文件系统管理进行开发设计，遵循面向接口编程的理念，设计文件系统的相关接口类型定义。
学习Vue3骨架+异步组件(defineAsyncComponent)+Suspense
weixin_49352307的博客
09-19 396
template #defalut> 显示用户内容。<template #fallback> 显示骨架。利用Suspense插槽合理显示骨架与用户界面。
vue复制信息到粘贴框
程序员一枚，仅记录工作中的难点
09-21 347
main.js文件引入。
Vue配置路由
卡布达的博客
09-20 390
每个路由对象都应该包含path（路由路径）和component（对应的组件）routes: [path:'/',path:'',},{},{}]},{})
在 Windows 上运行 Vue 项目时解决 ‘NODE_OPTIONS‘ 错误
常备不懈
09-20 942
在 Windows 系统上启动 Vue 项目时，遭遇报错。具体报错信息如下： ``` ‘NODE_OPTIONS‘ 不是内部或外部命令，也不是可运行的程序或批处理文件。 ``` 这个错误通常意味着 Windows 系统无法识别 `NODE_OPTIONS` 环境变量，从而导致项目无法正常启动。
vue无感刷新Token并重新请求
最新发布
Faaaaaaq的博客
09-22 466
vue 拦截器拦截401重新请求Token 无感刷新Token 之后重新请求报401的接口。
用脚手架搭建vue项目
07-27
使用脚手架搭建Vue项目非常方便。首先，你需要下载并安装Vue脚手架。你可以在命令行中输入以下命令进行安装：npm i -g @vue/cli \[1\]。安装成功后，你可以使用以下命令创建一个新的Vue项目：vue create my-project \[1\]。在创建项目时，你可以选择手动配置项目的工具和插件，也可以选择使用默认配置。接下来，你需要选择路由模式，推荐使用哈希模式。然后，你可以选择ESlint语法版本和语法校验的时机，推荐使用标准配置和第一个时机。你还可以选择将工具的配置保存在单独的文件中或者写在package.json中。最后，等待项目创建完成后，切换到项目目录中，并运行npm run serve命令来启动项目。打开浏览器，输入对应的URL地址，你就可以看到你创建的Vue项目了 \[1\]。 #### 引用[.reference_title] - *1* [使用脚手架创建Vue项目](https://blog.csdn.net/qq_43218707/article/details/106302074)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [使用脚手架（Vue-Cli）快速创建一个vue项目的步骤](https://blog.csdn.net/qq_59808309/article/details/122636538)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值