Vue-cli 环境配置

最新推荐文章于 2022-11-20 11:32:32 发布
最新推荐文章于 2022-11-20 11:32:32 发布
阅读量141 收藏 1
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/L2395183536/article/details/113200641
版权
本文档指导如何使用Node.js环境安装Vue CLI并创建Vue项目。首先确保已安装Node.js，然后通过npm或cnpm全局安装Vue CLI。在目标目录中运行vue create 命令来初始化项目。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

Vue-cli 环境配置

保证Node.js安装成功的情况下
通过命令npm install -g @vue/cli安装一个小工具
如果失败了：
先输入npm install -g cnpm安装一个小工具(cnpm)
成功之后再输入cnpm install -g @vue/cli通过刚刚安装的工具来安装vue-cli
接着安装完后，在想要创建项目的文件夹下输入vue create项目名。

项目配置
在这里插入图片描述
选第二个
在这里插入图片描述
空格取消下面的星
在这里插入图片描述
写y就是yes后一直回车
等待创建成功

屿东
关注
Vue-cli环境配置
06-22
NodeJS环境配置、Vue创建启动、VSCode开发使用
vue-cli 环境配置
zyf13671493506的博客
11-12 121
https://blog.youkuaiyun.com/fxbfxb111/article/details/85094092 https://segmentfault.com/a/1190000011275993 如果不行 npm install vue -g
[VUE] Vue-CLI的安装、使用及环境配置（超详细）
leo的博客
11-20 4万+
Vue-CLI的安装、使用及环境配置的详细步骤（超详细）
VueCli环境搭建
cgl_dong的博客
09-13 361
VueCli环境搭建 VueCli是Vue提供的脚手架，可以帮助我们快速搭建Vue应用，对前后端分离，模块化开发，SPA应用提供便捷的操作。 VueCli基于Vue，需要Node环境。同时需要Webpack工具辅助。默认已经安装node环境 vueCli需要node环境的支持，其中的npm包管理工具可以帮助我们搭建Vue脚手架. 1、淘宝cnpm 国外的npm有时速度太慢，所以有时我们使用...
vue-cli-plugin-i18n:Vue CLI插件可将vue-i18n添加到您的Vue项目
05-11
:globe_with_meridians: vue-cli-plugin-i18n Vue CLI插件可将vue-i18n添加到您的Vue项目 :handshake: 支持新项目 Intlify Project是一个开源项目，其中包括Vue I18n和i18n工具和自由软件，其持续的开发完全依靠...
vue-cli2与vue-cli3在一台电脑共存的实现方法
10-16
配置环境变量的目的是为了让系统能够识别并运行我们所安装的两个版本的Vue CLI。具体来说，就是将两个`.bin`文件夹的路径添加到系统的环境变量中。这样，在命令行中输入`vue-cli2`或`vue-cli3`时，系统能找到对应的...
详解vue-cli 2.0配置文件(小结)
10-17
Vue-cli 2.0配置文件详解 Vue-cli 2.0是一个功能强大的前端构建工具，它提供了许多实用的功能来帮助开发者快速构建和维护前端项目。了解 Vue-cli 2.0 配置文件是非常重要的，因为它可以帮助开发者更好地理解项目的...
vue-cli环境配置
aina0674的博客
04-17 200
一、环境配置一 vue-cli 2.0脚手架，修改config文件夹里面的dev.env.js，prod.env.js，test.env.js 注意所有value都有单引号里面嵌套双引号，另外就是开发跨域的就直接跨域，但是配置的时候不要配置'"/api"'，我配置成这样是报错的 dev.env.js 'use strict' const merge = require('webpack-...
02-Vue-cli 环境搭建
weixin_46048259的博客
09-12 669
什么是vue-cli；vue-cli是由vue官方发布的快速构建vue单页面的脚手架。
VUE项目--vue-cli环境配置
fuguoda的博客
05-16 179
一、安装好node.js 关于旧版本: Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。 Node 版本要求: Vue CLI 需要 Node.js 8.9 或更高版本 (推荐...
9.0、vue-cli环境配置超详细教程
m0_52433668的博客
02-27 1287
9.0、vue-cli环境配置超详细教程 第一步：进入http://nodejs.cn/download/ 官网下载 第二步：安装，无脑点击下一步即可，安装的位置可以自行选择 第三步：以管理员身份打开命令提示符窗口，输入以下代码查看版本、以及是否安装成功 node -v npm -v 第四步：安装Node.js淘宝镜像加速器(cnpm) 这样子的话，下载会快很多！ # -g就是全局安装 npm install cnpm -g #或使用...
vue.js环境配置--vue-cli
wi_tim的博客
04-16 1002
这两天学习vue.js，由于第一次学习类似框架，所以遇到了配置环境的一些问题 ，经过各种尝试终于解决 --------------------------------------- 说明：  本文主要介绍vue-cli 的安装              对于webpack 我尝试了几次 没有安装成功 所以 改为了vue.js官网中介绍的vue-cli ----------------
vue-cli环境变量配置
qinchaidaren的博客
07-28 1682
vue-cli在开发和产品上线的时候，对于不同的地址，可以在项目中进行配置，并配置axios，两种方式可以参考 （一）mian.js中 let baseUrl=null; if (process.env.NODE_ENV == 'development') {        baseUrl = 'url1';//开发环境请求地址 } else if (process.env.NODE_E...
Vue-cli脚手架的详细配置流程（vue2.0版本）
an_gentle_killer的博客
08-13 1177
页内目录 一，Vue-cli脚手架 二，配置脚手架 三，法一：可视化 四，法二：基于doc 五， 六， 一，Vue-cli脚手架 二，配置 安装node.js 进入安装界面 安装到指定文件夹 使用npm下载所需要的前端包 npm：是一个前端库，存放前端开发所需要的前端包，在国外服务器上存放，访问与下载慢，（理解成类似于maven库） cnpm：阿里镜像库 node.js安装后npm自动安装到电脑上了 以管理员身份运行cmd（黑框） 测试版本 证明我们有npm了，但是cnpm没有，我们通常使.
贼 Cool：使用脚手架 vue-cli 来搭建 Vue 环境
菩提小猿的博客
02-16 582
文章目录1. 介绍搭建 Vue 环境的方法2. 使用 vue-cli 搭建 Vue2.1 设置 Node 环境2.2 基于 Node.js 安装 cnpm（淘宝镜像）2.3 安装vue2.4 安装webpack2.5 安装vue命令行工具。即：vue-cli2.6 安装webpack-cli2.7 检测安装是否成功3. 使用 vue-cli 创建项目 1. 介绍搭建 Vue 环境的方法 搭建 Vue 环境常用的有两个方法： 1、在 Vue.js 的官网上直接下载 vue.min.js，并用 “script”
vue-cli 环境搭建
code成就未来。。。
04-25 756
一、开始之前需要的环境 1、node安装  2、npm安装 验证成功安装方法 node -v  npm -v 如果都能正常显示结果准备工作就完成了。 二、安装vue-cli 1、打开cmd 命令  2、输入npm install -g vue-cli 点击确定之后等待安装。 3、验证安装是否成功  vue --version/vue -V  正常显示版本号则安
Vue CLI配置指南（1）
悦涵仙子的技术笔记本
08-25 1882
一、何为CLI CLI (@vue/cli) 是一个全局安装的 npm 包，提供了终端里的 vue 命令。 它可以通过 vue create 快速搭建一个新项目，或者直接通过 vue serve 构建新想法的原型。 你也可以通过 vue ui 通过一套图形化界面管理你的所有项目。 二、何为CLI 服务 CLI 服务 (@vue/cli-service) 是一个开发环境依赖。它是一个 npm 包，局部安装在每个 @vue/cli 创建的项目中。 CLI 服务是构建于 webpack 和 webpack-dev
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值