新建vue-cli项目遇到的坑

最新推荐文章于 2022-05-13 10:49:46 发布
最新推荐文章于 2022-05-13 10:49:46 发布
阅读量610 收藏 2
点赞数 1
文章标签： javascript vue.js node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_38024443/article/details/109013183
版权

cd Vue_ElementUI文件夹后，运行vue init webpack my-project

之后会出现如下的提示，主要是一些配置

注意最后一个Should we run `npm install` for you after the project has been created? (recommended) npm

应该是询问你接下来的依赖是否通过npm安装

如果直接回车，那么接下来的安装会很慢

所以直接Ctrl+C取消 然后cd my-project

输入cpnm install通过淘宝镜像cnpm进行安装

cnpm安装教程如下：

输入 npm config set registry https://registry.npm.taobao.org 

安装后查看cnpm版本cnpm -v 出现版本则成功

罗德岛刀客特
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Vue --- 使用vue-cli搭建SPA项目
ty0714的博客
05-04 255
目标：使用vue-cli来搭建vue项目 0. 前提：搭建好NodeJS环境 node -v npm -v 测试：（有版本就说明搭建成功，注：用管理员身份打开cmd） 1. 什么是vue-cli? vue-cli是vue.js的脚手架，用于自动生成vue.js+webpack的项目模板，创建命令如下： vue init webpack xxx 注1：xxx 为自己创建项目的名称 注2：必须先安装v...
如何选择 Should we run ‘npm install‘ for you after the project has been created
滕青山博客
02-25 4803
Should we run 'npm install' for you after the project has been created?(译：项目创建后是否要为你运行“npm install”?这里选择包管理工具)　　选项有三个　　yes,use npm(使用npm)　　yes,use yarn(使用yarn)　　no,I will handle that myself(自己配置安装包) 选择不运行，因为已使用 cnpm，之后手动安装。 ...
安装vue-cli脚手架提示Error: spawn npm ENOENT的解决方式
jtrllpqq的博客
12-13 1万+
按照官方的文档安装vue-cli过程中出现了莫名其妙的报错： 查阅了很多文档都无法解决，于是自己后面慢慢尝试了一下，认真一步一步观察安装的提示，直到看到最后一句提示：  Should we run `npm install` for you after the project has been created? (recommended) npm 于是这次我选择了no，自己手动insta
Vue学习笔记07-----第一个vue-cli项目
answero的博客
08-03 287
【狂神说Java】Vue视频 1、什么是vue-cli   vue-cli官方提供的一个脚手架，用于快速生成一个vue的项目模板；   预先定义好的目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个估计项目就是脚手架，我们的开发更加的快速；   项目的功能 统一的目录结构 本地调试 热部署 单元测试 集成打包上线 2、需要的环境 Node.js：http://nodejs.cn/download/   安装就是无脑的下一步就好，安装在自己的环境目录下 Git：http
Vue3学习笔记01：使用NPM方法安装Vue3
howard2005的专栏
04-16 1万+
使用cnpm安装Vue3；使用vue init创建Vue项目；使用Vite创建Vue项目
Vue-cli3项目引入Typescript的实现方法
01-19
假设已经有一个通过 vue-cli3 脚手架构建的 vue 项目 命令行安装 Typescript npm install --save-dev typescript npm install --save-dev @vue/cli-plugin-typescript 编写 Typescript 配置 根目录下新建 ...
解决vue-cli + webpack 新建项目出错的问题
11-29
在Vue.js开发中，Vue CLI（命令行工具）与Webpack的结合使用是非常常见的，它们为构建现代化前端应用提供了强大的支持。然而，在初始化和运行项目时，可能会遇到各种问题，其中包括在执行`npm run dev`时遇到的配置...
详解vue-cli 接口代理配置
11-29
Vue CLI 是一个强大的 Vue.js 项目脚手架工具，它简化了 Vue 应用的构建流程，包括初始化、配置和开发环境的搭建。在开发过程中，由于浏览器的同源策略限制，当我们尝试从本地开发环境（例如 `...
vue新vue-cli3环境配置和模拟json数据的实例
12-09
最近在研究学习vue，发现环境配置特麻烦，就是跟着文档步骤一步一步来，也...vuecli3新建项目，在你创建后会有一个保存当前配置的功能 vue create vue-cli2进入到项目，安装依赖包 cd Vue-Project npm install 运
解决新建一个vue项目过程中遇到的问题
01-22
/usr/local/bin/node /usr/local/lib/node_modules/npm/bin/npm-cli.js run dev --scripts-prepend-node-path=auto > mytodolists@1.0.0 dev /Users/chenqiurui/WebstormProjects/myVue > webpack-dev-server --...
如何快速安装vue-cli脚手架
静水流深，沧笙踏歌
05-13 7206
vue.js有著名的全家桶系列，包含了vue-router，vuex， vue-resource，再加上构建工具vue-cli，就是一个完整的vue项目的核心构成。vue-cli官方提供了一个脚手架，用于快速生成一个vue的项目模板。它预先定义好目录结构及基础代码，就好比咱们在创建Maven项目时可以选择创建一个骨架项目，这个骨架项目就是脚手架，他能使我们的开发更加快速。vue-cli这个构建工具大大降低了webpack的使用难度，支持热部署，有webpack-dev-server的支持，相当于启动了一个请
Vue初始化项目指南
庹小智的博客
04-29 203
首先，安装node环境，官网下载并安装 node -v看版本，不赘述，在文件夹打开cmd命令，npm install @vue/cli-g 安装 vue-cli3， 如果报npm安装vue超时(ERR! errno ETIMEDOUT)，采用cnpm镜像就可以解决了：npm install -g cnpm --registry=https://registry.npm.taobao....
vue开发环境搭建-详细图文教程
rbuli的博客-又起秋风
06-22 1591
安装 git $ git --version git version 2.14.3.windows.1 安装 node.js $ npm -v 3.10.10   右键打开git（打开cmd也可以） 检查版本 检查 git 版本：git –version 检查 npm 版本：npm -v （需要在6.9以上） 检查 node 版本：node -v （需...
Vue.js脚手架安装
frank_fong的博客
01-23 7256
1.首先下载安装node.js 下载地址：https://nodejs.org/en/ 2.运行cmd，查看版本号（出现版本号说明安装成功） 输入：node -v 查看node版本号（需要在6.9以上） 输入：npm -v 查看npm版本号（需要在3.10以上） 3.命令行工具（在cmd里安装） # 全局安装 vue-cli $ npm install --global vu
vue项目创建之后运行错误
milijiangjun的博客
11-11 1482
代码： 查看node npm cnpm vue 版本 然后创建项目 F:\vue\map>vue init --webpack maps error: unknown option `--webpack' F:\vue\map>node -v v12.13.0 F:\vue\map>npm -v 6.12.0 F:\vue\map>cnpm -v cnpm@6.1.1 (C:\Users\Show\AppData\Roaming\npm\node_modules\cnpm\l
Vue小模块之用户登录功能（一）工程创建和路由配置
究极死胖兽的博客
03-08 2万+
Vue小模块之用户登录功能（一）搭建基础环境 技术栈 Vue全家桶： 前端框架 Vue.js 状态管理 Vuex 动态路由匹配 vue-router http服务 axios 模块打包 webpack UI框架 element 数据服务器 服务器端 node.js 基于node的web框架 express 分布式数据库 mongodb mongodb工具 mongoos...
二、VUE环境搭建及创建项目
基督山伯爵的博客
10-25 1109
         &n
nodeJs + webpack+vue+ element ui 环境安装
热门推荐
汉堡请不要欺负面条
03-22 3万+
一.安装nodeJs 1.打开NodeJs官网：https://nodejs.org/en/download/ 点击下载 2.双击安装，安装过程基本直接“NEXT”就可以了。（windows的安装msi文件在过程中会直接添加path的系统变量，变量值是你的安装路径，例如“C:\Program Files\nodejs”） 3.安装完成后可以使用cmd（win+r然后输入cmd进入）测试下是...
基于vue-cli（vue脚手架）搭建Vue项目总结
Ho_mj的专栏
05-24 793
基于vue-cli（vue脚手架）搭建Vue项目总结 一、运行环境 node (v8.12.0) (官网下载安装)+ npm(Node.js的包管理工具) (6.4.1) + Vue（构建用户界面的渐进式框架）(2.9.6) + Intellij IDEA 在之前已安装过node 、npm(n...
To install it, you can run: npm install --save Vue
最新发布
05-29
这是一个在使用 Vue.js 时常见的提示信息，它提示你需要通过 npm 安装 Vue.js 相关的包，并将其添加到项目的依赖中。 在终端中输入以下命令： ```bash npm install --save vue ``` 这个命令会安装最新版本的 Vue.js，并将其添加到项目的依赖中。`--save` 参数会将其添加到项目的 `package.json` 文件中，以便在其他地方可以直接使用这个依赖。 安装完成后，你就可以在项目中使用 Vue.js 了。在项目中引入 Vue.js 的方式有多种，可以通过 `<script>` 标签引入，也可以通过模块化的方式引入。如果你使用的是模块化的方式，可以在需要使用 Vue.js 的模块中添加以下代码： ```javascript import Vue from 'vue' ``` 这个代码会将 Vue.js 添加到当前模块的作用域中，以便可以在模块中使用 Vue.js 相关的功能。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值