vue-cli创建vue3.0项目步骤

已于 2022-03-20 10:11:01 修改
阅读量374 收藏
点赞数
文章标签： node.js vue.js javascript
于 2021-10-08 14:39:25 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/CJB2020818/article/details/120651195
版权
本文介绍了如何在Windows环境下，通过vue-cli创建Vue 3.0项目。首先确认node.js和npm的版本，接着创建node_global和node_cache文件夹，并设置环境变量。当'vue'命令不可用时，安装cnpm并配置淘宝镜像。在安装过程中可能遇到'cnpm'不是内部命令的问题，需手动调整cnpm文件位置。最后通过cnpm安装vue-cli并创建项目，过程中可能需要卸载重装node.js和VSCode来解决问题。
摘要由CSDN通过智能技术生成

首先看一下博主的node.js与npm版本：

2、管理员身份打开cmd在解压之后的文件夹中新建两个空文件夹node_global,node_cache;

并cmd中为其配置：

5、输入vue -V,报错‘vue’不是 内部命令，也不是可执行程序；这个时候

6、输入

返回结果

7、再输入淘宝镜像 npm install -g cnpm --registry=http://registry.npm.taobao.org

最低0.47元/天 解锁文章
芝士味奶酪
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue CLI搭建vue3.0项目
青阳的博客
10-10 1173
查看vue版本 全局安装过旧版本的vue-cli(1.x 或 2.x)要先卸载它，否则跳过此步： 1 npm uninstall vue-cli -g //或者 yarn global remove vue-cli 然后在重新安装vue-cli再查看vue的版本 创建项目 vue create <Project Name>//文件名 不支持驼峰（含大写字母） vue create appvue3 ? Check the features needed for ...
使用Vue-cli 3.0搭建Vue项目的方法
08-27
使用Vue-cli 3.0搭建Vue项目的方法 本文主要介绍了使用Vue-cli 3.0搭建Vue项目的方法，涵盖了...本文提供了使用Vue-cli 3.0搭建Vue项目的详细步骤和配置文件的介绍，希望能够帮助读者快速掌握Vue-cli 3.0的使用方法。
vue cli创建vue3.0项目步骤
u011785537的博客
04-15 1674
1.安装node.js（node.js下载地址） 2. 全局安装vue-cli最新版本 npm install -g @vue/cli 安装成功后，可以通过 vue -V 查看下载的@vue/cli版本号。我使用的是@vue/cli 5.0.4 3.创建项目 vue create <project name> 之后开始进行一系列的配置选择，具体操作如下： 4.一般选择Manually select features: 自定义配置（按方向键 ↓）是我们所需要的面向生产的项目，提
VUE3脚手架工具cli配置搭建及创建VUE工程
最新发布
雾林小妖的博客
06-17 2036
VUE3脚手架工具cli配置搭建及创建VUE工程
VUE3创建项目流程
qq_34345165的博客
10-09 1793
VUE3创建项目流程 转自 https://www.cnblogs.com/Jmosquito/p/11328288.html 准备工作 ： 环境要求vue cli要求node版本8或者更高（8.10.0+推荐） vue cli3 需要node版本>=8.9, （官方推荐：8.11.0+ ） 有node的情况下就可以使用npm进行安装了 1.打开项目文件夹进入cmd 输入 npm install -g @vue/cli 或者 yarn global add @vue/cli 2.下载好之后输入vue
Vue-cli 3.0创建Vue 项目
zhouzhiwengang的专栏
06-27 507
目标：以搭建一个项目名称为vue-test的Vue前端项目为例 1、在windows7 cmd 终端输入创建vue-test 指令： vue create vue-test 2、选择Manually select features(手动选择功能） 3、选择项目需要的一些特性（此处我们选择需要使用Vue路由、Vue状态管理器） 说明：键盘上下箭头控制方式，空格键控制是否选择 ...
vue3.0项目搭建全过程
qq_35776479的博客
04-28 4810
vue3.0项目搭建
vue-cli2.0转3.0之项目搭建的详细步骤
10-17
Vue CLI 2.0 使用的是基于 `vue init` 的命令来创建项目，而 3.0 引入了全新的 `@vue/cli` 全局命令行工具，它提供了一个交互式的项目创建向导，大大减少了手动配置的工作量。Vue CLI 3.0 的核心是 `@vue/cli-...
vue-manage:一个完整的使用vue2.0、vue-cli 3.0、iView3.0 包含前后端的项目
05-13
vue-managevue-manage包含了两...前台项目：vue-backend-mange由于前台项目是根据vue-cli 3.0构建的，所以编译启动之前要将vue-cli升级到3.0之后的步骤无外乎这几步了：Project setupnpm install本地开发运行命令npm r
vue-cli 3.0 版本与3.0以下版本在搭建项目时的区别详解
01-19
vue-cli 3.0 正式版于 8月10号发布，但是3.0 与 2.0 版本在搭建项目时到底有何不同呢？下面做一下简单的介绍，希望可以帮到有需要的朋友 1、 全局安装vu-cli 3.0 npm install -g @vue/cli (如果之前安装了2.0版本...
Vue-cli 创建Vue3 项目全过程
u014212540的博客
04-20 3927
vuecli 创建 Vue3
Vue3.0及以上版本创建项目步骤
01-20
一共6个步骤： 1，检查Node.js版本； Vue CLI 需要 Node.js 8.9 或更高版本 (推荐 8.11.0+)；如果低于这个版本卸载后去Node官网重新下载安装最新版； Node中文网下载页面链接 2，检查Vue-cli版本; Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过  npm uninstall vue-cli -g  或  yarn global remove vue-cli  卸载它。如果使用后者需要安装Yarn Yarn中文网下载页面链接 3，安装Vue-
vue3.0 搭建项目总结(详细步骤)
12-09
1.环境配置 项目中的不同开发环境有很多依赖配置，所以可以根据环境设置不同的配置，以免在不同环境经常修改文件 1 在根目录下创建 `.env.[环境]` 文件，可以在不同环境设置一些配置变量，如图   .env.dev 文件 2.eslint 配置 在package.json 文件里面有一个eslintConfig对象，可设置rules： 如图 3.配置svg 在vue.config.js 里面需在module.exports对象里面设置 chainWebpack: config => { config.module.rules.delete('svg') // 重点:删除默认配置中
新建vue3.0 项目—步骤
L_15737525552的博客
10-21 1493
6、ESLint：提供一个插件化的javascript代码检测工具，ESLint + Prettier 使用较多 —— 我选 ESLint + Prettier。2、自定义配置，根据你需要用箭头上下键选择（按 “空格键”选择/取消选择，A键全选/取消全选，I键进行反选）对应功能。3、我没有卸载旧版本的 vue-cli(1.x 或 2.x)，所以创建时需要选择2.0 还是 3.0。5、css预处理器（主要为css解决浏览器兼容、简化CSS代码 等问题） —— 我选 Less。2、安装vue-cli3.0。
Vue3.0项目的创建
Hello World
04-15 2424
文章目录*Vue3.0项目的创建*一、前期环境准备1.安装Node.js2.安装Vue-cli二、项目创建步骤1.新建一个用于存放Vue3.0项目的文件夹2.进入Vue3.0项目的创建向导①询问用户选择项目是以什么模板方式进行安装，模板方式如下②可以根据项目需要选择添加的配置项（上下箭头切换，空格键进行选中/反选）③选择Vue3.x并按下Enter键④询问是否使用history路由模式（不推荐使用，输入n，并按Enter）⑤选择一种CSS预处理器（推荐选择：Sass/SCSS（with dart-sass）
Vue3.0-创建Vue3.0项目
qq_45722267的博客
06-16 2339
vue3.0创建项目，vue3.0常用指令，创建工程：Npm init vue@latest，安装 Element Plus：npm install element-plus --save，安装axios：npm install axios
使用 vue-cli 3.0 快速创建项目 （两种方法：代码方式和图形化创建项目）
冯安晨
07-11 585
前言 vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目。这篇文章将会从实操的角度，介绍整个搭建的过程。 本快速创建项目方法都是基于 node.js 和 cnpm 的基础上进行的。 安装准备 node.js如何安装就不在这里详说了。如何全局化安装cnpm，这里简单提一下： npm install cnpm -g --registry=...
构建Vue3.0项目的基本过程
夜无星的博客
12-18 822
Vue3.0项目的基本构建
VUE CLI 创建 vue3 项目
❀雾里看花花里看雾❀
02-28 376
npm install -g @vue/cli vue create bookstore 一路Enter！ cd bookstore $ npm run serve
vue-cli创建vue3项目
08-10
使用vue-cli创建Vue.js 3.0项目的步骤如下： 1. 首先，确保你已经安装了Node.js和npm（Node.js的包管理器）。 2. 打开命令行终端，并通过以下命令全局安装vue-cli： ``` npm install -g @vue/cli ``` 3. 通过...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值