vue学习笔记(三)：vue-cli脚手架搭建

最新推荐文章于 2025-08-17 20:43:43 发布

转载最新推荐文章于 2025-08-17 20:43:43 发布 · 51 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/momozjm/p/6297455.html

文章标签：

#javascript #webpack #ViewUI

本文档详细介绍了如何使用Node.js环境安装Vue.js的CLI脚手架，并通过它创建一个包含Webpack配置的新项目。首先检查Node.js版本是否满足要求，然后全局安装Vue-cli工具，接着初始化一个新的项目并自定义项目名称。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

一：安装vue-cli脚手架：

1：为了确保你的node版本在4.*以上，输入 node -v 查看本机node版本，低于4请更新。

2：输入： npm install -g vue-cli 安装vue-cli脚手架。

3：输入： vue init webpack sell 安装webpack模板，这里的sell是你包的名字，自定义。

4：

5:输入： cd sell 返回包的根目录

　　　　npm install 安装依赖

　　　　npm run dev 运行

转载于:https://www.cnblogs.com/momozjm/p/6297455.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_33716557

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

搭建Vue-Cli脚手架（超详细）

2401_84447207的博客

05-03

1033

*cd hello跳槽是每个人的职业生涯中都要经历的过程，不论你是搜索到的这篇文章还是无意中浏览到的这篇文章，希望你没有白白浪费停留在这里的时间，能给你接下来或者以后的笔试面试带来一些帮助。也许是互联网未来10年中最好的一年。但是如果你不真正的自己去尝试尝试，你永远不知道市面上的行情如何。这次找工作下来，我自身感觉市场并没有那么可怕，也拿到了几个大厂的offer。在此进行一个总结，给自己，也希望能帮助到需要的同学。

Vue进阶（五十四）：vue-cli 脚手架 dev-server

2401_84447417的博客

04-29

677

/ 挂载静态资源，下面的方法是用虚拟目录来访问资源，staticPath就是虚拟目录路径，其实不管设不设置都是static。// 下面的staticPath是 static ，path.posix.join其他配置文件中我已经介绍了，这里不再赘述。// app.use是在响应请求之前执行的，用来指定静态路径，挂载静态资源。// 下面结果就是 ‘http://localhost:8080’// 下面是es6的promise规范，用来处理嵌套请求的。_resolve() // 这里没有传递数据，只是在模拟。

参与评论您还未登录，请先登录后发表或查看评论

npm install 错误

smbeli的专栏

08-05

6304

错误 $ npm install npm ERR! Windows_NT 10.0.10586 npm ERR! argv "D:\\SysVars\\nodejs\\node.exe" "D:\\SysVars\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "install" npm ERR! node v4.4.7 npm ERR! np

Vue学习笔记：vue-cli脚手架安装

前端互助会

12-18

390

vue-cli 是vue官方提供的一个脚手架工具，用于初始化一个Vue项目；

【Vue学习笔记】vue-cli-service相关配置说明

weixin_47192515的博客

04-19

5083

Vue 学习笔记（4）Vue-cli4 项目搭建 + 目录结构 + 项目打包、部署

2401_84434237的博客

07-04

531

前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档json`：模块基本信息项目开发所需要的模块，版本，项目名称。：是在 npm install 时候生成的一份文件，用于记录当前状态下实际安装的各个 npm package 的具体来源和版本号。vue-cli 中使用 Axios安装 axios：前端CSS面试题文档，JavaScript面试题文档，Vue面试题文档，大厂面试题文档[外链图片转存中…(img-WdLpNiH1-1720103720849)]

前端自学学习笔记——vue-cli脚手架搭建

cloki的博客

05-20

237

vue-cli搭建脚手架快速生成vue2、vue3项目

VUE学习笔记：26.脚手架vue-cli之路由vue-router

ouyicnm的博客

08-02

912

1.什么是路由

VUE学习笔记：29.脚手架vue-cli之axios

ouyicnm的博客

10-23

497

一.什么是axios axios是一个用于网络通信的模块。在项目实际开发过程中，前端会频繁的请求后端接口获取到相关数据，然后展示在界面上。二.安装axios 第一步：进入项目目录 npm install axios --save 第二步：使用axios import Vue from 'vue' import App from './App.vue' import store from './store/index.js' Vue.config.productionTip = false new

electron进程间通信- 从渲染进程到主进程

唐璜Taro的博客

08-13

1109

本文介绍了Electron中的IPC进程间通信机制，重点解析了从渲染进程到主进程的单向通信实现方式。这种设计既保证了功能实现，又遵循了Electron的安全通信原则，是开发桌面应用的常用模式。

Go语言实战案例:静态资源服务（CSS、JS、图片）

tenkofx的博客

08-15

594

• Gin 提供Static()方法一行就能完成静态文件托管。• 静态文件路径映射和 URL 前缀可以灵活配置。• 结合 HTML 模板，可以很方便地构建完整的前端页面服务。

MoonBit Perals Vol.05: 函数式里的依赖注入：Reader Monad

m0_74743788的博客

08-13

1418

普通的函数就像一个流水线，你丢进去一袋面粉，然后直接跑到生产线末端，等着方便面出来。但这条流水线需要自动处理中间的所有复杂情况：没放面粉/“没有下单，期待发货”（null）面团含水量不够把压面机干卡了（抛出异常）配料机需要读取今天的生产配方，比如是红烧牛肉味还是香菇炖鸡味（读取外部配置）流水线末端的打包机需要记录今天打包了多少包（更新计数器）Monad 就是专门管理这条复杂流水线的“总控制系统”。它把你的数据和处理流程的上下文一起打包，确保整个流程能顺畅、安全地进行下去。

20道Vue框架相关前端面试题及答案

qq_39540458的博客

08-14

1087

Vue是一个渐进式JavaScript框架，具有响应式数据绑定、组件化开发等核心特性。面试常见问题包括：双向数据绑定原理（Vue2使用Object.defineProperty，Vue3改用Proxy）、生命周期钩子（如created、mounted）、组件通信方式（props/emit、provide/inject等）、计算属性与监听器的区别、v-if与v-show的适用场景等。Vuex用于状态管理，包含state、mutations等核心概念；Vue Router支持hash和history两种路由模式

JavaScript 核心基础：类型检测、DOM 操作与事件处理

热爱音乐和二次元！

08-15

1131

本文系统梳理 JavaScript 核心知识点，包括数据类型检测规则、遍历方式、DOM操作和事件处理。重点解析 typeof 运算符对不同数据类型的检测结果，数组与对象的遍历方法差异，以及使用 querySelector 获取元素的现代方案。同时详细讲解事件绑定的两种方式（onclick 覆盖 vs addEventListener 多播）和事件冒泡机制，帮助开发者构建扎实的 JS 基础，写出更健壮的代码。

VUE3 学习笔记2 computed、watch、生命周期、hooks、其他组合式API

mashirokayo的博客

08-15

1193

在vue3中，虽然也能写vue2的computed，但还是更推荐使用vue3语法的computed。computed是一个函数。它的参数接收一个函数，这个函数可以是普通函数，也可以是箭头函数，由于vue3中没有this，所以无需关注函数类型对this指向的影响。这个函数就是计算的方法函数。但是通过这种方式定义的计算属性，是只读的，无法对属性进行修改。如果计算属性同时需要读取和修改，要通过下面这种形式：传入computed的参数是一个对象，在对象中配置get和set。

npm删除包

amy_jork的博客

08-14

285

在Vue项目中，如果你想要删除一个通过npm安装的包，可以使用npm或yarn这两种包管理工具来移除。

E2B是一个开源基础设施，允许您在云中安全隔离的沙盒中运行AI生成的代码和e2b.dev网站