Vue2.0第一步--快速生成初始代码和插件安装

最新推荐文章于 2024-04-23 13:45:00 发布
最新推荐文章于 2024-04-23 13:45:00 发布
阅读量2.6k 收藏 2
点赞数
分类专栏： 积累经验 文章标签： Vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wmwmdtt/article/details/53819400
版权

Vue2.0 第一步 

1:打开控制台,利用脚手架工具来创建工程相关代码

Node需要4.0+

查看node需要命令node -v

安装vue-cli命令:npm install -g vue-cli,

完了再查看vue命令: vue

看到了常用的vue命令有:vue list(列出可用的模板)

谷歌一下就是:


所以模板我们选webpack

那么我们起名字叫labexam,用vue initwebpack labexam

最低0.47元/天 解锁文章
也不是什么极客
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
create-vue快速生成项目，到底是怎么做的
郊眠寺
03-13 1573
前段时间我们有去探索了一下vue-clicra的原理，生成项目的过程，他是基于webpack的，但是今天我们的主角是create-vue，他是基于vite的，为什么要使用vite而不是webpack呢？因为vite比webpack快。我们使用vue-cli和vitewebpackvite就目前的图来看vite在构建、启动项目的时候会比webpack快10倍，这还是仅仅只是简单的项目，前端的项目复杂程度本来就是呈指数上升的，这时候vite与webpack可谓是天差地别。那么接下来我将带领大家一步一步去探索。
vscode快速生成vue2及vue3模版
weixin_54048131的博客
01-14 3638
在中，我们每次新建页面都会需要写一大部分重复代码。那么有什么办法，能够建立模版：vscode是可以进行相关配置的。
一款快速生成Vue3代码的插件：Vue VSCode Snippets
m0_57540655的博客
04-02 688
vbase-3| Single File component Composition API with SCSS带SCSS的单文件组件组合API || Single File component setup Composition API with SCSS带SCSS的单文件组件安装组合API || Single File component Composition API with Reactive and SCSS带有Reactive和SCSS的单文件组件组合API |vbase-css。
一款VUE低代码设计器，用于设计和生成 Vue.js表单的软件工具【文末带私活源码】
最新发布
m0_68103666的博客
04-23 969
这是一个用于设计和生成 Vue.js表单的软件工具。它的特点包括：可视化表单设计、自动生成代码、导出JSON表单、内置表单验证、详细的官方文档、扩展组 件支持
D - Vue快速生成项目-安装插件
无生 的博客
09-03 203
项目初始化 vue init webpack 项目名 ? 项目名称 ? 项目描述 ? 作者 ? Vue build standalone ? 安装vue-router组件 (建议安装) ? 安装ESLint组件,对代码格式要求高 (不建议安装) ? 单元测试 ? e2e测试 ? (无脑选 npm ) 常用插件 每次建项目都忘记需要那些插件 或 忘记怎么配置 ,干脆全部集合在一起 本文是 Vue2 ,Vue3的配置可能有细小的不同 Vuex npm install vuex --save imp
7004.vue脚手架快速生成项目
写给自己的笔记
01-28 162
1 Vue脚手架可以快速生成Vue项目基础的架构。 1.1 安装3.x版本的Vue脚手架： npm install -g @vue/cli 1.2基于3.x版本的脚手架创建Vue项目： 1.2.1 使用命令创建Vue项目 命令：vue create my-project 1.2.1基于ui界面创建Vue项目 命令：vue ui 在自动打开的创建项目网页中配置项目信息。 1.2.3基于2.x的旧模板，创建Vue项目 npm install -g @vue/cli-init vue i
vue-video-player:vue2.0+vue-video-player实现hls播放全过程
04-28
Vue VUE，这是VUE 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and ...
vue2.0-vuex2.0-demo-jianshu
03-28
用Vue2.0全家桶建造的简书网站，这是一个前连通到的整体网站，包括了数据库配置。前端采用Vue2.0，服务端采用Express框架 构建设置 # install dependencies npm install # serve with hot reload at localhost:8080 ...
vue2.0-typescript-element-admin:这是一个后台管理系统模板
03-08
打字稿vue2.0元素 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 整理和修复文件 npm run lint 自定义配置 请参阅。
详解vue2.0+vue-video-player实现hls播放全过程
08-27
第二部分：安装和配置 Vue-Video-Player 首先，我们需要安装 Vue-Video-Player。我们可以使用 npm install vue-video-player --save 命令来安装。然后，我们需要引入 VideoJs 的样式和 Vue-Video-Player 的样式，...
v-contextmenu：on基于Vue 2.0的ContextMenu
02-06
适用于Vue 2.0的ContextMenu组件。 中文| 安装 CDN约会 可通过获取最新版本的资源，在页面中追加相应的js和css文件即可。 <!-- 引入 Vue --> < script src =" https://unpkg.com/vue/dist/vue.js " > &...
vscode 离线插件vetur和vuehelper
09-10
vscode 离线插件vetur和vuehelper 以及怎么安装的文档；vscode 离线插件vetur和vuehelper 以及怎么安装的文档；
若依后台管理系统源代码
04-08
Ruoyi 是基于SpringBoot的权限管理系统 易读易懂、界面简洁美观。 核心技术采用Spring、MyBatis、Shiro没有任何其它重度依赖。直接运行即可用
Vue 2 插件快速开发和发布教程
Meta.Qing的博客
07-19 816
通过按照以上步骤开发和发布 Vue 2 插件，你可以将多个组件封装为一个插件，并提供自定义前缀的能力。其他开发者可以按需引入你的组件，并在他们的项目中使用你的插件，从而实现组件的复用和可扩展性。同时，他们也可以使用全局注册的方式将你的插件注册为 Vue 的全局插件，并在整个应用中使用你的组件。7.使用插件：其他人可以使用你发布的插件，只需在他们的 Vue 2 项目中安装并使用它。5. 发布插件：将插件发布到适合的包管理器（如 npm）上，以便其他人可以安装和使用它。文件夹中生成插件的构建代码。
Vue从零开始（2）：使用Vue CLI快速生成项目脚手架
wang13145的博客
08-07 130
前言 上一篇讲到如何搭建前端环境，这一篇我们开始使用Vue CLI来快速生成一个Vue的项目脚手架。 目前Vue CLI有两个版本，新版本Vue CLI3对应@vue/cli，老版本Vue CLI2对应vue-cli。这里分别介绍这两个版本如何创建一个项目。 首先全局安装这两个的其中一个（看过我第一篇已经安装过的可以忽略掉）： $ cnpm install -g @vue/cli $ cnpm install -g vue-cli 注意：在同一个环境安装Vue CLI3和Vue CLI2
VSCode设置代码块(Snippets)，快捷初始化vue模板
weixin_38252066的博客
01-14 1107
本文用作记录Vue Snippets Code -> Preference -> User Snippets -> New (global) Snippets （可选当前文件和全局配置），复制以下配置，保存。 使用：”prefix“值为快捷方式，适用.vue后缀的文件。 { "Print to console": { "prefix": "vue", "body": [...
vue基础结构一键生成的代码模块添加
aocang1339的博客
05-27 432
把下面的代码复制到html.json文件中。打开html,json的文件步骤，点击文件，然后选首选项，然后选用户代码片段，然后输入html，选择html.json。 把下面的代码粘贴过去。 { "Vue": { "prefix": "vue", "body": [ "<!DOCTYPE html...
自动生成组件代码—— Vue CLI 插件开发实战
weixin_53777231的博客
12-26 818
自动生成组件代码—— Vue CLI 插件开发实战 前言 近期工作的过程中跟Vue CLI的插件打交道比较多，想了想自己在学校写项目的时候最烦的就是项目创建之后手动创建组件/页面和配置路由，于是突发奇想决定写一个脚手架的插件，自动实现创建组件/页面和配置路由的功能。 本文会一步一步教你如何编写一个自己的Vue CLI插件，并发布至npm，为所有因为这个问题而烦恼的同学解放双手。 关注「Hello FE」获取更多实战教程，正好最近在抽奖，查看历史文章即可获取抽奖方法~ 本教程的插件...
一键快速生成 Vue 的 HTML页面结构代码
南野子
03-24 350
原文链接：https://blog.csdn.net/zglibk/article/details/110573222 保存下来万一下次找不到了~~~~
vue2.0中使用ant-design-vue
08-16
在Vue 2.0中使用Ant Design Vue，你需要按照以下步骤进行设置： 1. 首先，安装Ant Design Vue的依赖包。你可以使用npm或者yarn进行安装。打开终端，运行以下命令： ``` npm install ant-design-vue --save ``` 或者 ``` yarn add ant-design-vue ``` 2. 在你的Vue项目的入口文件（一般是main.js）中，导入Ant Design Vue的样式和组件。添加以下代码： ```javascript import Vue from 'vue'; import Antd from 'ant-design-vue'; import 'ant-design-vue/dist/antd.css'; Vue.use(Antd); ``` 3. 现在你可以在你的Vue组件中使用Ant Design Vue的组件了。在你的组件中，按需导入你需要使用的组件。例如，在一个.vue文件中： ```vue <template> <a-button type="primary">Primary Button</a-button>

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值