Vue脚手架使用【快速入门】

1年前作者：低调的黑客分类：Toy博客阅读(14)违法举报

这篇具有很好参考价值的文章主要介绍了Vue脚手架使用【快速入门】。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

一、使用vue脚手架创建工程

在黑窗口中输入vue ui命令
Vue脚手架使用【快速入门】,vue.js,前端,javascript
再更改完路径地址后需要按回车

Vue脚手架使用【快速入门】,vue.js,前端,javascript

二、vue工程中安装elementui

第一种可以在黑窗口输入命令安装

npm install -s element-ui

第二种使用图形化安装

Vue脚手架使用【快速入门】,vue.js,前端,javascript

三、在vue工程中安装axios

第一种可以在黑窗口输入命令安装

npm install -s axios

第二种使用图形化安装

Vue脚手架使用【快速入门】,vue.js,前端,javascript

四、通过工具打开vue工程

<1> Vscode [必须用vscode]

<2> Webstorm [它和idea一模一样]

<3> idea打开—安装vue插件

Vue脚手架使用【快速入门】,vue.js,前端,javascript

输入命令

npm run serve

启动成功

Vue脚手架使用【快速入门】,vue.js,前端,javascript
如果不能启动可以检查node路径

每个文件夹功能简介
文章来源地址https://www.toymoban.com/news/detail-556002.html

到了这里，关于Vue脚手架使用【快速入门】的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

vue 脚手架新手入门（vue cli 3）
“:” 是指令 “v-bind”的缩写。用来绑定数据 @”是指令“v-on”的缩写。用来监听，并调用方法下面是绑定class属性的数值。监听点击动作 1.1、v-model 双向绑定双向绑定上面的操作等于 v-model 会将被绑定的值与的值自动同步，这样我们就不必再使用事件处理函数了。 v-mo
2024年02月09日
浏览(382)
【源码】Vue.js 官方脚手架 create-vue 是怎么实现的？
本文共分为四个部分，系统解析了 vue.js 官方脚手架 create-vue 的实现细节。第一部分主要是一些准备工作，如源码下载、项目组织结构分析、依赖分析、功能点分析等；第二部分分析了 create-vue 脚手架是如何执行的，执行文件的生成细节；第三部分是本文的核心部分，主要
2024年02月09日
浏览(15)
使用Vue脚手架
(193条消息) 第 3 章使用 Vue 脚手架_qq_40832034的博客-CSDN博客说明 1.Vue脚手架是Vue官方提供的标准化开发工具（开发平台） 2.最新的版本是4.x 3.文档Vue CLI脚手架（命令行接口）具体步骤 1.如果下载缓慢请配置npm淘宝镜像 npm config set registry http://registry.npm.taobao.org 2.全局安装 @v
2024年02月13日
浏览(18)
Webpack5入门到原理20：Vue 脚手架搭建
package.json .eslintrc.js babel.config.js
2024年01月24日
浏览(32)
《代码实例前端》Vue-cil脚手架，二级路由，增删查改
UserAdd.vue UserList.vue UserManagement.vue UserUpdate.vue Action.vue Comedy.vue HelloWorld.vue Movie.vue MyRouter.vue index.js AboutView.vue HomeView.vue App.vue main.js vue.config.js
2023年04月08日
浏览(9)
VUE——使用VUE脚手架创建项目
前言 vue脚手架工具，对vue项目构造做了封装，直接使用vue-cli创建项目，常用配置自动帮你完成，不用自己像使用webpack一样配置。目录 1、安装 npm i vue 2、创建vue项目 3、运行项目 ps:项目化开发中，使用import导入vue，而不用script src标签引入我们的第一步需要下载vue及vue脚手
2024年02月02日
浏览(10)
使用Vue脚手架2
ref属性 src/components/SchoolName.vue src/App.vue props配置项 src/App.vue src/components/StudentName.vue 注意：当props中与当前组件配置同名时， props中的配置优先级高于当前组件 mixin混入 1. 组件和混入对象含有同名选项时，这些选项将以恰当的方式进行“合并”，在发生冲突时以组件
2024年02月12日
浏览(10)
第 3 章：使用 Vue 脚手架
目录具体步骤模板项目的结构（脚手架文件结构） Vue脚手架报错修改方案：关于不同版本的Vue vue.config.js配置文件 ref属性 props配置项 mixin(混入) 插件小结： scoped样式小结： Todo-list 案例小结浏览器本地存储 webStorage 小结 Vue 中的自定义事件绑定事件监听触发事件
2024年02月08日
浏览(9)
【Vue2+3入门到实战】（17）VUE之VueCli脚手架自定认创建项目、ESlint代码规范与修复、 ESlint自动修正插件的使用详细示例
VueCli脚手架自定认创建项目 ESlint代码规范与修复 ESlint自动修正插件 1.安装脚手架 (已安装) 2.创建项目选项手动选择功能选择vue的版本是否使用history模式选择css预处理选择eslint的风格（eslint 代码规范的检验工具，检验代码是否符合规范）比如：const age = 18; = 报错！多加
2024年02月03日
浏览(46)
快速搭建Electron+Vite3+Vue3+TypeScript5脚手架 (无需梯子，快速安装Electron)
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。嵌入 Chromium 和 Node.js 到二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发经验(这段话是来自官网)。根据vite官网文档项目创建完成后进
2024年02月02日
浏览(43)