开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

‘'vue create xxx’-什么也不发生

"vue create xxx"是Vue.js框架中用于创建一个新的Vue项目的命令。当执行这个命令时，会发生以下几个步骤：

首先，命令行工具会检查是否已经安装了Vue CLI（命令行界面）。如果没有安装，会提示你先安装Vue CLI。
接下来，Vue CLI会根据你提供的项目名称（xxx）创建一个新的项目文件夹，并在该文件夹中生成项目的基本结构和配置文件。
在项目文件夹中，Vue CLI会下载并安装所需的Vue.js依赖包和插件。
一旦依赖包安装完成，Vue CLI会根据你的选择（通过命令行交互）配置项目的基本设置，例如选择使用哪种预设配置、是否使用TypeScript等。
最后，Vue CLI会根据你的选择自动安装和配置其他相关的插件和工具，以便你可以开始开发Vue应用。

"vue create xxx"命令的作用是帮助开发者快速创建一个基于Vue.js的项目，并提供了一些默认的配置和工具，使得项目的搭建和开发更加便捷。通过这个命令，开发者可以快速启动一个空白的Vue项目，然后根据自己的需求进行开发和定制。

推荐的腾讯云相关产品和产品介绍链接地址：

云服务器（CVM）：https://cloud.tencent.com/product/cvm
云数据库 MySQL 版：https://cloud.tencent.com/product/cdb_mysql
云原生应用引擎（TKE）：https://cloud.tencent.com/product/tke
人工智能平台（AI Lab）：https://cloud.tencent.com/product/ai
物联网开发平台（IoT Explorer）：https://cloud.tencent.com/product/iotexplorer
移动推送服务（信鸽）：https://cloud.tencent.com/product/tpns
云存储（COS）：https://cloud.tencent.com/product/cos
区块链服务（BCS）：https://cloud.tencent.com/product/bcs
腾讯云游戏引擎（GSE）：https://cloud.tencent.com/product/gse

相关搜索:Directshow捕获到文件，什么也不发生 User.objects.create()什么也不做。(Django)对合并请求运行gitlab-ci.yml /什么也不发生 "vue create NewProjectsName“和"vue init webpack NewProjectsName”有什么区别？Android Studio中的`flutter create xxx`和` `Start a new Flutter `有什么区别？Vue.js脚本在Laravel 5.5中什么也不做指定光标位置注释数据结构重复提交数据怎么取指定值

相关搜索:

页面内容是否对你有帮助？

有帮助

没帮助

相关·内容

执行vue create时到底做了什么

---- 本文介绍点赞 + 关注 + 收藏 = 学会了有前端开发经验或者用过 node 的开发者应该知道，如果需要在本地运行 js 文件，需要通过 node xxx.js 来执行。...但在执行 vue create project-name 创建 Vue 项目时，为什么命令不是以 node 开头呢？这次就来浅浅的探讨一下，这条命令为什么 “不需要” 使用 node 来执行。...安装 vue-cli 我默认大家都已经在自己电脑安装好 node 了，如果没装的，请打开 node官网自行安装。在执行 vue create 命令前，先确保电脑已经安装了 vue-cli。...vue-cli 是创建 Vue 项目的一个脚手架工具， vue-cli 提供了 vue create 等命令。...但本文目的是解开为什么 “不需要” 使用 node 就可以执行 js 文件。所以在本篇不打算深入讲解里面的各项配置。我们只需看该文件的第一行。 #!/usr/bin/env node #!

4793 0

Vue项目处理错误上报如此简单

created 阶段异步请求并接收了错误的数据，可能就会导致页面渲染出现错误： {{ test.obj.xxx }} ...... created()...Vue 应用中的错误（如组件生命周期中的错误、自定义事件处理函数内部错误、v-on DOM 监听器内部抛出的错误），并且回调中自带的 info 参数也标记了这个错误大概是属于哪类，同时它还能处理返回...$emit('node-click', item) 图片这个异常依旧是被成功捕获了，当然生命周期钩子中的错误异常也都能成功捕获，就不多做演示了，到目前为止都没有什么问题，但是如果错误不发生在 Vue...// 在宏任务的异步中出现的错误 resolve({}) }, 1000) }) }, 图片如果 Promise 异常未被正常处理的话，也是捕获不到的，如下代码，注意这里 create...，这也解释了为什么 Vue 捕获的错误不会被全局 window.onerror 再次捕获，因为已经在这里抛出了。

1.4K2 1

npm init @vitejsapp的背后，仅是npm CLI的冰山一角

npm init xxx 虽然之前在创建vue或者react应用时，我都用到了npm init xxx，但我都没怎么关注npm init xxx背后发生了什么。...这也就是说，如果你想让别人通过npm init xxx命令调用你的包，就必须提供一个create-xxx脚本。 npx npx 用来运行本地或远程npm包的一个命令。...接着会执行create-app脚本，而这个脚本需要定义在package.json的bin配置项下。 npm init xxx和npx create-xxx也是一般CLI工具的常用套路。...但是，如果你使用npm install -D vue安装了vue，并且在项目中引用了vue依赖，那么 webpack 的 Dependency Graph 中也会有vue，最终vue也会体现到构建结果中...不管是npm install -S vue还是npm install -D vue，如果项目中引用了vue，都会把vue打包进构建结果，那么-S和-D有什么区别？

1.8K4 0

让小黑窗口听你指挥

那么对于穷苦的劳动人民没有mac的话，使用windows安装vue-cli3的时候怎么能像mac一样可以在小黑窗口自由的来回切换选择呢？首先看一下mac 效果图: ?...再看一下windows 系统却不好使，因为windows不能实现交互式命令,所以使用什么按键都不好使。 ?...我们需要改成winpty vue.cmd create xxx安装即可,上下键可以切换空格是选择,回车键是确定。开发的逼格瞬间提高一个档次，心情也愉快 ?...当然如果你的一个倔强的童鞋，非要必须用vue create xxx去创建项目在windows上，那么我们可以通过设置别名的方法alias vue="winpty vue.cmd"然后重新启动GitBash

4672 0

Vue 折腾记 - (11) @VueCli 3.0.0 图形化项目管理,相当人性化

使用帮助 Commands: create [options] 基于vue-cli-service...点击顶部tab的Create进入初始化界面, 点击Create a new project here进入新项目初始化里面的目录都是可以展开的,类似本地目录的体验,会遍历出来展示 ?...最后点击Create Project就会开始执行相关的操作和安装对应的依赖了其实就是终端在执行,只是页面也会给你看一些效果,一个遮罩层loading和一些文字 ---- 5.创建完毕会有一个管理后台....项目配置的可视化目前这块我看了下还是不大完善的,需要详细配置的还是需要阅读官方脚手架的文档,写一个vue.config.js, 等会我会稍微点一下,也很容易 ?...: Vue Cli ---- 书写demo 想知道大概写起来是什么样的么..

7422 0

Vue相关的前端面试题，每道题都很经典~

④：如何阻止Vue中的绑定事件不发生冒泡 ⑤：父、子组件间是如何通信的？ ⑥：非父子层级的组件如何实现通信？ ⑦：什么是动态组件？他的作用是什么？...ViewModel是Vue的核心，它是Vue的一个实例。Vue实例是作用在某个HTML元素上的，这个HTML元素可以是body，也可以是某个id所指代的元素。...Q 如何阻止Vue中的绑定事件不发生冒泡可以使用“事件修饰符”来处理事件冒泡，如：v-on:click.stop阻止事件冒泡或v-on:submit.prevent阻止默认事件。...在Vue中，每个组件实例的作用域是孤立的。这也意味着不能（也不应该）在子组件的模板内直接饮用父组件的数据。父组件通过Props向子组件传递数据，而子组件通过Events向父组件传递数据。 ?...在复杂的情况下，可以考虑使用Vue 官方提供的状态管理模式——Vuex来进行管理。 Q 什么是动态组件？他的作用是什么？

11.1K3 0

vue 解决跨域问题（开发环境）

一、什么是跨域问题同源：域名，协议，端口均相同不同源就是跨域，比如你的前端为localhost:9528，后端为localhost:8080，此时前端去访问后端接口就会产生跨域问题，因为端口不同。...二、如何解决跨域问题前后端都可以解决，这里仅提供vue的前端跨域解决方案：前端vue.config.js配置如下，然后保证在你访问后端接口时加个前缀/api。...为例 request.js：baseURL这里不写 baseURL const service = axios.create({ // baseURL: process.env.VUE_APP_BASE_API...为例 request.js：baseURL这里加前缀 const service = axios.create({ baseURL: '/api', // url = base url +...requests timeout: 5000 // request timeout }) api/xxx.js：这里不加前缀 import request from '@/utils/request.js

5K3 0

三面面试官：运行 npm run xxx 的时候发生了什么？

事情是这样的，直接开讲面试官：npm run xxx的时候，发生了什么？讲的越详细越好。...面试官：停停，我问的不是从URL输入到页面展现到底发生什么？，是npm run xxx的时候，发生了什么。...面试官：那既然vue-cli-service这条指令不存在操作系统中，为什么执行npm run serve的时候，也就是相当于执行了vue-cli-service serve ，为什么这样它就能成功，而且不报指令不存在的错误呢...我（窃喜，这个我们刚刚也讨论了）：我们可以直接在新建的vue项目里面搜索vue-cli-service [image.png] 可以看到，它存在项目最外层的package-lock.json文件中从...假如我们在安装包时，使用 npm install -g xxx 来安装，那么会将其中的 bin 文件加入到全局，比如 create-react-app 和 vue-cli ，在全局安装后，就可以直接使用如

1.5K3 0

3D 饼图在 VUE 中的实现

可我其实是一个先学 ECharts 后学 Javascript 的前端外行，再加上读者往往也没有告诉我具体的报错信息是什么，所以一时也没能帮读者找出问题原因。...这两天有空，为了看看到底是什么原因，我跑去查了查 VUE 的手册和教程，尝试在 @vue/cli 创建的 webpack 中，把我的 3D 饼图跑通。...创建项目「Vue-CLI」安装后，就可以使用「vue create xxx」命令创建项目（我选择的「Vue 2」），xxx 是项目名称，也是自动创建的项目目录名。...有兴趣的同学可以自行尝试一下，也可以后台回复数字「210106」，下载我写好的「App.vue」,替换掉 src 目录下的 App.vue。...（当然后面那些高亮、放大效果也得跟着改一下） https://www.makeapie.com/editor.html?c=xojSDhHAMm

3.5K3 0

使用Vue脚手架创建Vue项目+分析生成的文件

【安装完先关掉，再进去cmd，输出Vue，看看是否安装完毕】切换到你要创建项目的目录，然后使用命令创建项目 vue create xxxx 【...实例，并注册App组件引入Vue 以前是在html中通过script标签引入Vue.js的这个js只是删减版vue.runtime.xxx.js 1. vue.js与vue.runtime.xxx.js...2. vue.runtime.xxx.js是运行版的Vue，只包含：核心功能；没有模板解析器。 2....因为vue.runtime.xxx.js没有模板解析器，所以不能使用template这个配置项，需要使用render函数接收到的createElement函数去指定具体内容。...原因：模板解析器占Vue.js的三分之一容量，最后打包上传用了webpack打包，而webpack已经把 .Vue 翻译成 .js 该解析的模板都解析完了，这个时候模板解析器就没有什么作用了（即某天我们最终写完代码

1851 0

Vue 批量注册局部组件及应用

CreateHeader'), ...cmps }, data() { return { // 这里做排序处理，按原型图可拆分的模块顺序，将每个组件的 name 命名为 xxx..._${index} // 为什么做排序？...，太多了上面 componentList 做了排序处理，按照原型图的顺序命名组件的 name: xxx_${index} 有顺序了，这里就可以使用 component、is 依次用 v-for 循环应用...如果每个组件的位置不是排列在一起的（中间穿插其它内容），那就单独一个个写吧，也不用做排序 <component

1.1K5 0

npm有个命令突破我知识认知了

正文开始... npm init npm init // or npm init -y 该命令意思是初始化一个包项目，生成一个package.json文件可以一直enter键下去，你也可以按你心情在控制台输入一些信息...比如大名鼎鼎的vue-cli和create-react-app脚手架,当你看到vue-cli@2.96版本package.json时，可以看到vue命令的操作 { "name": "vue-cli"...', '(for v3 warning only)') program.parse(process.argv) 这里就是熟悉的脚手架vue create xx,vue init的一些 xxx项目的脚手架工作了...打开node_modules/ramda，我们能从这个优秀的ramda库中发现些什么, 注意scripts 在scripts配置中有一个"build": "npm run build:es && npm...npm publish npm publish (注意修改下package.json的版本)，否则提交不上更多npm命令参考npm commands[4]了，不常用的就没写了，因为那些不常用的，笔者也没用过

6702 0

Vue3入门：Vite创建项目和使用

下面我们来看看如何创建vue3项目。...创建项目官方提供了多种创建命令，如下： npm init vite@latest yarn create vite pnpm create vite 根据自己的情况选择合适的命令即可，我使用的是pnpm...，所以： pnpm create vite 然后会让给你输入一个项目名称。...再选择一个framework，因为我们创建vue3项目，所以选择vue即可。再选择代码语言，我习惯使用JavaScript。...注意：当 server.proxy 选项也被使用时，将会仅使用 TLS。这个值也可以是一个传递给 https.createServer() 的选项对象。需要一个合法可用的证书。

7293 0

❤️大数据全栈工程师之一文快速上手vue3❤️

暑假给自己在家附近找了份实习,作为初级码农,啥都得懂点,于是偷偷上网学习Vue(带薪学习 ) 下面是学习Vue3的成果,一些案例,能让你能快速了解什么是Vue?...工程 1.使用 vue-cli 创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli...版本，确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vue/cli npm install -g @vue/cli ## 创建 vue create vue_test...（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合） 2.ref函数作用: 定义一个响应式的数据语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象...JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：{{xxx}} 备注：接收的数据可以是：基本类型、也可以是对象类型。

1.6K3 0

vue-cli 将被 create-vue 替代？初始化基于 vite 的 vue3 项目为何如此简单？

Days 在线会议，长达两个半小时，会上 vue-cli 的核心贡献者胖茶也在同一天公开了全新的脚手架工具 create-vue[1]，我也是看到 antfu 发推就关注了一下，看完直播回放[2]之后收获很大...create-vue 项目的方案，而且也不建议修改大型项目的基础配置。...整个 create-vue 包的依赖数量非常少，很多没有必要的依赖都没放，而且胖茶自己做了一个预先打包导致下载速度变快了许多。同时创建的模板项目也足够轻量。...（kolorist 这个包用来处理颜色）的提示消息，提示后续操作 cd xxx, xxx install, xxx dev 可以先运行一遍 npm init vue@next 感受一下具体的效果。...create-vue 代码简洁，依赖少，启动快，同时这次全面拥抱 vite 也将是非常好的，抛弃掉 Webpack 之后轻松了许多，开发体验提升了不少。

9453 0

大数据全栈工程师之一文快速上手vue3

暑假给自己在家附近找了份实习,作为初级码农,啥都得懂点,于是偷偷上网学习Vue(带薪学习 ) 下面是学习Vue3的成果,一些案例,能让你能快速了解什么是Vue?...工程 1.使用 vue-cli 创建官方文档：https://cli.vuejs.org/zh/guide/creating-a-project.html#vue-create ## 查看@vue/cli...版本，确保@vue/cli版本在4.5.0以上 vue --version ## 安装或者升级你的@vue/cli npm install -g @vue/cli ## 创建 vue create vue_test...（后期也可以返回一个Promise实例，但需要Suspense和异步组件的配合） 2.ref函数作用: 定义一个响应式的数据语法: const xxx = ref(initValue) 创建一个包含响应式数据的引用对象...JS中操作数据： xxx.value 模板中读取数据: 不需要.value，直接：{{xxx}} 备注：接收的数据可以是：基本类型、也可以是对象类型。

1.6K3 1

Axios的封装思想及实践（TS版本）

{ instance: AxiosInstance constructor(config: AxiosRequestConfig) { this.instance = axios.create...//省略前后部分代码 //.... constructor(config: AxiosRequestConfig) { this.instance = axios.create(config)...= new JJRequest({ baseURL: process.env.VUE_APP_BASE_URL, timeout: process.env.VUE_APP_TIME_OUT,...} return config } } }) 复制代码结果展示四、封装四（单个请求调用级别的拦截）实现调用级别的拦截，需要在request方法中做文章，将其参数类型也由...，也可以在单个请求处来做，看具体需求！

2.2K3 0

一篇把vue准备工作说的明明白白的（奶妈级教程）

什么是Vue.js Vue.js（/vjuː/，或简称为Vue）是一个用于创建用户界面的开源JavaScript框架，也是一个创建单页应用的Web应用框架。...Vue的核心是什么 vue脚手架是为了实现前后端分离的开发理念，开发前端 SPA（single page web application）项目，实现数据绑定，路由配置，项目编译打包等一系列工作的技术框架...·输入 npm install -g @vue/cli ·切换到你要创建项目的目录，命令创建项目（如:想要再桌面创建一个vue项目文件）： -cd Desktop -Desktop > vue create...XXX(文件名字) 创建之后会让你选择vue2或vue3 babel作用：将ES6的语法转换为ES5 eslint作用：进行语言检查选择后回车，自动创建项目完成！...我们用vscode打开它（当然别的编译软件也可以，我比较习惯使用vscode）用vscode的终端输入：npm run serve 会出现两个网址第一个：供自己惊醒浏览第二个：供局域网内所有人浏览

3883 0

基于Vue2.x的前端架构，我们是这么做的

ps.本文基于Vue2.x版本，node版本16.5.0 创建一个基本项目先使用Vue CLI创建一个基本的项目： vue create hello-world 然后选择Vue2选项创建，初始项目结构如下...我们约定一个成功的响应（状态码为200）结构如下： { code: '0', msg: 'xxx', data: xxx } code不为0即使状态码为200也代表请求出错，那么弹出错误信息提示框...，如果某次请求不希望自动弹出提示框的话也可以禁止，只要在请求时加上配置参数noMsg: true即可，比如： axios.get('/xxx', { noMsg: true }) 请求成功默认不弹提示...接下来再次运行命令：可以看到编译完成了，文件也输出到了public目录下，但是json文件里存在一个default属性，这一层显然我们是不需要的，所以require('i18n/xxx/index.js...路径即可： vue create --preset ..

1.6K2 0

54·旺财记账-记账页面功能

from "vue"; import {Component, Prop} from "vue-property-decorator"; // Prop告诉Vue xxx 不是data...是prop // Number 告诉 Vue xxx 运行时是个Number // xxx 属性名 // number | undefined 告诉 TS xxx的编译时类型...= (event.target as HTMLButtonElement); // 强制指定类型，如果不指定，你没法判断event是什么类型 console.log(button.textContent... 新增标签...} else { this.selectedTags.push(tag); } } create

9472 0

点击加载更多

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云

扫码加入开发者社群

相关资讯

热门标签

活动推荐

运营活动

活动名称

广告关闭