Vue - 搭建Vue开发环境

鬼鬼骑士

已于 2022-10-10 21:22:09 修改

阅读量197

点赞数

分类专栏：笔记成长阶段 Vue 文章标签： vue.js javascript 前端

于 2022-10-10 21:08:24 首次发布

本文链接：https://blog.csdn.net/qq_39123467/article/details/127251749

版权

笔记同时被 3 个专栏收录

324 篇文章 9 订阅

订阅专栏

成长阶段

272 篇文章 4 订阅

订阅专栏

Vue

18 篇文章 0 订阅

订阅专栏

文章目录

文件目录结构
- js
安装Vue
测试运行

文件目录结构

两个文件夹，分别存放html文件和js文件

js

存放Vue环境文件

在这里插入图片描述

安装Vue

Vue环境下载

测试运行

记得ctrl + S 保存代码后运行

在这里插入图片描述

输入大写V直接回车，可以看到Vue函数

看到需要安装“开发者工具”

在这里插入图片描述

输入Vue.config可以看到Vue配置信息

下载开发者工具

vue.js devtools

在这里插入图片描述

安装成功

开发者工具安装提醒不再提示

在这里插入图片描述

阻止Vue在启动时生成生产提示

		<script type="text/javascript">
			Vue.config.productionTip = false //阻止Vue在启动时生成生产提示
		</script>

在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

鬼鬼骑士

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

Vue--》超详细教程——vue-cli脚手架的搭建与使用

ztK63LrD的博客

11-14

4663

它简化了程序员基于webpack创建工程化的Vue项目的工程。其好处就是简省了程序员花费时间去配置webpack，从而目标只需专注在撰写项目应用上。，基于vue-cli这个系统，我们就可以快速搭建好“（英文名：Singleagepplication）简称SPA，顾名思义指的是，所有的功能与交互都在这唯一的一个页面内完成。

Vue 01 - 搭建Vue开发环境

m0_53753920的博客

03-29

863

Vue介绍就不多说啦，自行谷歌或者百度吧。接下去会介绍如何搭建Vue开发环境。

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

vue-cli搭建项目过程

2302_78078800的博客

08-25

1890

前端js框架 vue-cli的使用

VUE-CLI/VUE-ROUTER

LKS_010620的博客

08-24

4045

官方文档vue-cli是vue官方出品的快速构建单页应用的脚手架，里面集成了webpack，npm，nodejs，babel，vue，vue-router。

vue-element-admin 综合开发一：搭建环境：vue-cli创建项目，整合element、vue-router。

冯安晨

08-08

2179

vue-element-admin 综合开发一：搭建环境：vue-cli创建项目，整合element、vue-router。

vue开发环境搭建

sqf251877543的博客

03-20

1万+

node.js是javaScript脚本语言的运行环境。而npm则是Node.js的包管理工具（node package manager），相当于后台的maven。为啥我们需要一个包管理工具呢？因为我们在Node.js上开发时，会用到很多别人写的JavaScript代码。如果我们要使用别人写的某个包，每次都根据名称搜索一下官方网站，下载代码，解压，再使用，非常繁琐。

vue2.0---搭建vue的开发环境

赵佳敏的博客

03-05

4196

vue2.0---搭建vue的开发环境一、NPM 使用介绍测试node是否安装完成cnpm介绍安装cnpm如果检测失败出现：***权限问题Powershell 脚本运行的几种权限：二、命令行工具（cli）--脚手架三、安装vue安装四、创建一个vue项目1. 简单版本创建过程2. vue3.0安装3. 完整版本创建一、NPM 使用介绍 NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题，常见的使用场景有以下几种：（1）允许用户从NPM服务器下载别人编写的第三方包.

vue.js 三种方式安装(vue-cli)

热门推荐

muzidigbig的博客

05-29

33万+

Vue.js（读音 /vjuː/, 类似于 view）是一个构建数据驱动的 web 界面的渐进式框架。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它不仅易于上手，还便于与第三方库或既有项目整合。下面介绍三种 Vue.js 的安装方法： 1.独立版本我们可以在Vue.js的官网上直接下载vue assets和static的区别 pnpm nvm(管理Node版本)、nrm(管理镜像源) 详解 Vue生命周期父子组件的执行顺序

Vue 脚手架(vue-cli) 环境搭建

weixin_61562639的博客

08-11

2846

vue 脚手架指的是 vue-cli 它是 vue 官方提供的一个快速构建单页面（SPA）环境配置的工具，cli 就是(command-line-interface ) 命令行界面。webpack 的主要目标是将 JavaScript 文件打包在一起，打包后的文件用于在浏览器中使用。a. 将安装包放在 ./node_modules 下（运行 npm 命令时所在的目录），如果没有 node_modules 目录，会在当前执行 npm 命令的目录下生成 node_modules 目录。...

Vue安装及环境配置、开发工具

dream_summer的博客

09-29

24万+

vue前端框架的环境搭建。

管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管.zip

02-25

【标题】"管理系统系列--vue-antd-admin基于vue-cli4+vuex+ant-design-vue开发的后台管理框架"揭示了这是一个使用特定技术栈构建的后台管理系统。它主要基于Vue.js，利用Vue CLI 4（Vue.js的命令行工具）进行快速...

vue3.0 vue-quill-editor.rar

09-19

Vue CLI 3 是Vue.js的命令行工具，用于快速搭建Vue项目。它简化了项目配置，提供了开箱即用的脚手架，支持热重载、代码分割、预编译模板等功能，大大提高了开发效率。在结合Vue3.0和Vue-Quill-Editor时，可以通过Vue...

webpack4+Vue搭建自己的Vue-cli项目过程分享

10-18

使用Vue-cli可以快速搭建起一个Vue开发环境，而不需要从头配置Webpack等构建工具。在构建Vue项目之前，我们需要具备一些前置知识，例如熟悉Webpack 4的基础使用和Vue项目的基本骨架搭建。这里需要注意的是，虽然...

详解vue-cli3开发Chrome插件实践

12-10

之前找了不少如何开发谷歌插件的文章，结果发现都是些很基础的内容，并没有写到如何快速编译打包插件。我就在想为什么不能通过webpack来打包插件呢？...搭建环境创建一个vue-cli3项目： vue create vue-

使用vue-cli+webpack搭建vue开发环境的方法

08-28

使用vue-cli+webpack搭建vue开发环境的方法从今天开始，我们将学习如何使用vue-cli和webpack搭建一个Vue开发环境。这个方法将指导您从头开始搭建一个完整的Vue开发环境。什么是Vue-cli？ Vue-cli是一个命令行...

knowLedge-Vue I18n 是 Vue.js 的国际化插件

2301_76671906的博客

09-30

769

Vue 2 中使用 Vue I18n 插件实现中英文切换

vue3 实现文本内容超过N行折叠并显示“...展开”组件

Angel_Tears_的博客

09-28

1149

> 组件内文字样式取决与外侧定义 > 组件大小发生变化时,文本仍可以省略到指定行数 > 文本不超过时, 无展开,收起按钮 > 传入文本发生改变后, 组件展示新的文本

Vue 技术进阶 day2 数据监视的原理、其他内置指令、自定义指令、生命周期、组件化、VueComponent构造函数