搭建vue脚手架

已于 2023-04-13 10:50:30 修改
阅读量30 收藏
点赞数
文章标签： vue.js 前端 javascript
于 2023-04-10 18:17:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_68314577/article/details/130066452
版权

淘宝镜像是加快安装速度

1.先确保自己安装了这些东西，用node -v去检测node是否安装好了，

2.node -v安装好了会出现版本号

3.vue -v安装好了会显示如下：

这里选择版本号，我使用vue2，你们随便

 把这些默认项目拉下来

 下面是详细介绍文件夹具体是干什么的，（这是别人的图，router可以在安装脚手架的时候自己配）

 

 

萌新且暴龙战士
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
vue脚手架搭建过程图解
08-27
vue脚手架是个好东西，能够快速搭建vue单页面应用，vue是基于node环境的，所以要先安装node。下面通过图文并茂的形式给大家介绍vue脚手架搭建过程图解，感兴趣的朋友一起看看吧
搭建vue脚手架全教程
热门推荐
qq_36596869的博客
03-20 1万+
搭建vue脚手架
webpack搭建vue脚手架环境
weixin_65859689的博客
03-02 901
一、前端项目搭建 1. 建立好自己本地的项目目录 2. 初始化项目的环境 package.json使用的是npm init -y 作用是：依赖清单记录、启动命令、版本信息等，包管理器 3. 安装webpack -- npm i webpack -D （放在开发环境里） 1. 开发环境 -- npm run server --save-dev（--save-dev 缩写 -D ） 运行/生产环境 -- npm run build -S（-S可忽略不写） 2. 如果出现...
搭建Vue脚手架环境
yt1318519610的博客
09-06 660
1.安装Node js，下载地址：http://nodejs.cn/download/ 2.查看node js 版本，命令：node -v 3.安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org 4.安装vue cnpm install vue 5.安装vue-cli，在vue官网上可以找到最新的安装命令：https://www.runoob.com/vue2/vue-install.html ..
webpack搭建vue脚手架
Heartbroken_man的博客
08-31 2324
搞了几天的webpack5.0版本搭建vue脚手架项目，今天分享一下！ 在读这篇文章之前你可能需要了解一些webpack的配置才行 否则可能看不懂部分配置 首先我们的项目的src目录结构如下 基本上与vue-cli3的结构一样 ，你可以直接创建vue-cli3的脚手架直接复制里面的项目目录结构 新增命令行 在package.json文件里面的scripts字段里面新增这样一条命令，这样我们就可以在控制台输入npm run build执行webpack.config.js里面的配置 "bu
基于webpack搭建vue2.0的脚手架项目
10-11
基于webpack搭建vue2.0的脚手架项目
Vue脚手架环境搭建.pdf
11-03
Vue脚手架环境搭建步骤
vue脚手架搭建项目的兼容性配置详解
12-12
使用vue-cli搭建项目，面临着解决ie兼容性问题(ie9+)，因为ie浏览器并不支持es6语法等。 首先安装babel-polyfill，解决ie不支持promise对象的问题 npm install --save-dev babel-polyfill 安装成功之后,在main.js...
Vue3选项式和组合式生命周期说明
weixin_44072254的博客
05-16 382
setup -beforeCreate和created的统称，只在composition里面取消这两个，可以在这里进行数据请求。onUpdated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。updated-更新，可以获取到更新后的实例，避免在此期间更改数据，因为这可能会导致无限循环的更新。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。组件已被拆解，数据绑定被卸除，监听被移出，子实例也统统被销毁。beforeUpdate-更新前，可以在此更改数据。
前端Vue架构
weixin_45678402的博客
05-12 277
defineProperty：监听范围比较窄，只能通过属性描述符去监听已有属性的读取和赋值；兼容性较差，只能兼容支持ES6 的浏览器（要求监听数据是对象）这样写的话，依赖收集只能收集到属性c；如果访问的属性值还是一个对象，对属性值再次进行代理；创建视图的函数（render）和数据之间的关联；当数据发生变化的时候，希望render重新执行；下面的用法，只能收集到c，收集不到c1。依赖收集：a color: #f00。依赖收集：a color: #f00。如何知晓数据对应的函数；监听数据的读取和修改；
vue中的事件
最新发布
weixin_43390711的博客
05-16 43
需要使用emit方法，emit(‘事件名’,参数)自定义事件名的规范（script中用小驼峰，模板中用短横线）1、组合api中2、setup语法糖中(非TS)3、setup语法糖中（使用TS）}>()
Vue.js的发展史（一）
2301_79683791的博客
05-15 435
Vue (发音为 /vjuː/，类似view) 是一款用于构建用户界面的 JavaScript 框架。它基于标准 HTML、CSS 和 JavaScript 构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。无论是简单还是复杂的界面，Vue 都可以胜任。来源官方解释-----简介 | Vue.js (vuejs.org)简单来说：Vue是一个属于JS的库，可直接引入一个JS文件就可以使用，与传统JS和JQuery框架不同，Vue的渐进式框架。
基于Vue和uni-app的增强型多选框Checkbox组件开发
chenchuang0128的博客
05-16 227
该组件通过数据驱动、支持页面正反向传值等特性，提高了组件的灵活性和可重用性。未来，我们可以继续探索组件的更多可能性和应用场景，如支持条件筛选、异步加载数据等，以满足更复杂的前端需求。该组件不仅提供了基本的复选功能，还通过数据驱动、支持页面正反向传值等特性，进一步增强了组件的灵活性和可重用性。页面正反向传值：组件应该能够支持页面正反向传值，即能够将组件的状态传递给父组件，同时也能够接收父组件传递的数据。数据驱动：组件应该能够通过数据驱动，即组件的状态和行为应该由数据决定，而不是通过直接操作DOM元素来实现。
根据地址栏url上key获取值
wwf1225的博客
05-10 251
/ 根据url上key获取值，key为参数名字，例如token。
el-select选项框内容过长
sinat_34896766的博客
05-10 410
【代码】el-select选项框内容过长。
使用Vue调用ColaAI Plus大模型，实现聊天（简陋版）
Wang3317866410的博客
05-10 500
点击按钮后获取输入框的值，然后调用接口把这个和自己的id密钥参数请求传入后端，打印后端返回的回答即可。查看这个文档自己申请一个ColaAI Plus定制增强大模型API | LuckyCola。首先去百度文心注册申请自己的api。引用axios和ref。定义点击按钮触发的方法。
自定义el-select下拉菜单的内容以及数据回显的内容
qq_59625204的博客
05-10 212
但是此时虽然实现了自定义内容但v-model绑定的值也回显了，所以此时我们要对默认的数据回显处理一下，在style标签中设置如下代码。这里我设置了ref为seriesBorderTypeRef,在change事件中通过以下代码就可实现数据回显部分。下拉选项的自定义内容好实现，因为他有默认插槽，所以直接在el-option标签里面写自定义内容就可以实现。.现在完美实现了需求，最后不要忘记清除添加的style样式哦。关键上方选中的数据回显应该怎么做。
javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
阿牛哥的博客
05-16 273
javascript-Vue：防抖 (Debouncing)、节流 (Throttling)
搭建vue脚手架工程
06-02
好的，您可以按照以下步骤搭建 Vue 脚手架工程： 1. 安装 Node.js 首先需要安装 Node.js，可以在 Node.js 官网下载最新版本的安装包进行安装。 2. 安装 Vue CLI 在终端或命令行窗口中输入以下命令，安装 Vue CLI： ``` npm install -g @vue/cli ``` 3. 创建项目 在终端或命令行窗口中输入以下命令，创建一个新的 Vue 项目： ``` vue create my-project ``` 其中，my-project 是项目的名称，您可以根据需要进行更改。 4. 运行项目 在终端或命令行窗口中进入项目所在的目录，输入以下命令启动项目： ``` npm run serve ``` 5. 编辑代码 使用编辑器打开项目所在的目录，开始编辑代码。 以上就是搭建 Vue 脚手架工程的步骤，希望对您有所帮助。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值