【实用工具系列】(3) 创建VUE项目工程

最新推荐文章于 2025-03-18 21:48:11 发布

原创

最新推荐文章于 2025-03-18 21:48:11 发布 · 767 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #npm

本文档记录了创建Vue项目工程的步骤，包括安装Node.js，详细讲解了npm的默认配置和如何解决网络问题，最后展示了创建项目工程的代码示例，旨在帮助开发者快速配置开发环境。

文章目录

前言
一、安装nodejs
二、配置npm
- 1.默认配置
- 2.添加新的配置项
三、创建VUE项目工程
- 1.创建项目工程
总结

前言

由于频繁的更换环境，每次都要重新配置npm，很麻烦。下面记录一下配置过程，以备不时之需。

一、安装nodejs

示例：pandas 是基于NumPy 的一种工具，该工具是为了解决数据分析任务而创建的。

二、配置npm

1.默认配置

代码如下（示例）：

> npm config ls
; node bin location = D:\DevelopTools\node-v16.14.2-win-x64\node.exe
; cwd = D:\workspace
; HOME

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

碧海苍鹰

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

vue3 - 创建一个vue3工程

Thread_v的博客

04-20

734

vue 是什么一套用于构建用户界面的渐进式JavaScript 框架（把获取到的数据变成用户看到的界面）Vue 特点1. 采用组件化模式，提高代码复用率，且让代码更好维护2. 声明式编码，让开发人员无需直接操作DOM，提高开发效率3. 使用虚拟DOM+优秀的DIff算法，尽量复用DOM节点。

一、VUE杂谈一

weixin_42710036的博客

10-19

694

VUE杂谈

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

1 条评论

优快云-Ada助手 2022.09.16
Vue入门技能树或许可以帮到你：https://edu.youkuaiyun.com/skill/vue?utm_source=AI_act_vue

在rv1106上部署vue3

qq_44643189的博客

03-14

344

把./dist文件夹中的内容scp到下位机的/oem/usr/www文件夹中。在浏览器输入下位机的ip，则显示出vue3的欢迎页面。这样在当前目录下就得到一个ip_cam文件夹。编译完成后，生成一个dist文件夹。进入ip_cam文件夹。

创建vue3（npm create vue@latest）

zzz2306的博客

09-04

2016

4.然后就可以关闭终端窗口了！这时会看到桌面已经有了创建的文件夹。3.创建并配置选项（项目名称自取）5.文件夹，右键vs code打开。1.桌面右键选择终端打开，输入。node的多版本管理中，其实是node版本不对。nvm use 版本号。查看多个node版本。

npm create vue@latest报错 npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED

qq_45565693的博客

02-18

2852

npm create vue@latest报错

前端工程师--vue练习小项目

09-25

在记事本和天气预报应用中，你将学习如何创建Vue实例，定义数据属性，以及如何通过`v-bind`和`v-model`指令将数据与视图进行双向绑定。此外，你还会了解到Vue的计算属性和方法，用于处理动态数据。 2. **组件化**：...

Vite + Vue3 实现前端项目工程化

前端知识分享喵

05-10

1061

Vue3 发布至今，周边的生态、技术方案已足够成熟，个人认为新项目是时候切换到 Vite + Vue3 了。今天就给大家操作一下这种技术方案实现前端工程化。

Vue.js3从入门到精通项目资源代码

热门推荐

破鞋何苦阑珊的博客

01-14

1万+

前言今天介绍一篇关于工程搭建的文章。主要介绍不用cli脚手架搭建一套前端工程，因为每个公司不是用脚手架工具安装一下就能进行开发了，很多时候都是对工程有一定的定制需求，你没有深入的去了解cli脚手架的话，可能会很吃力，所以这块还是需要有一定的深入了解的，内容也不是太复杂，但是你需要掌握一些vue、webpack、nodejs的简单的基本概念和认识，也挺适合初级者阅读，我们学前端的小伙伴其实都...

【问答系列】安装vue3的方式大总结，为何可以使用npm create vue@latest或npm init vite@latest充当vue脚手架安装vue项目

商务合作 / 项目定制开发 / 前端一对一培训、答疑

06-19

5734

根据vue所述，建议安装nodejs的18.3及以上版本来开发vue3项目。但是实测nodejs 16+也可以。我在nodejs的16版本，运行如上命令后，不会报错，而是会提示你要安装：(y)当我输入y后，就会安装并执行create-vue，它是Vue官方的全新脚手架工具。但是假如我切换到nodejs的18版本，运行如上命令后，不会提示我安装命令，而是提示如下，表示可以安装项目了，npm create其实是npm init的一个别名：SeeUse。

npm create vue@latest 和 npm create vite@latestd的区别

一起学习，共同成长。

03-18

3712

npm create vue@latest 和 npm create vite@latest的区别

使用vite创建vue项目

qq_67983277的博客

11-09

2943

使用vite创建vue3项目

安装vue出现的问题、创建vue项目

m0_47097190的博客

06-14

932

首先确保node安装完成-g 全局啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊啊没及时整理上面这个截图我也不记得是哪一步了，，，哭死，先留着吧，，等以后万一想起来了再来修改当时折腾了好久，我这个是因为很久很久很久以前装过。。。其实百度一下“‘vue’不是内部或外部命令，也不是可运行的程序或批处理文件。”跟着前辈整理的步骤来就行，总归是能解决的！问题不大，不要慌~安装成功√整理一下几个创建vue项目的方式。

如何创建Vue3项目

weixin_43385060的博客

03-15

1109

已安装 16.0 或更高版本的 Node.js。

【Vue3】 1.2 使用Vue3+ElementPlus inTypescript

SPYY的专栏

07-05

515

vue3+vite+typescript+vue router+pinia...

Vue3开发环境搭建和工程结构(一)

weixin_37901366的博客

02-05

1266

NVM 是 Node Version Manager（Node 版本管理工具）的缩写，是一个命令行工具，用于管理和切换到不同版本的 Node.js。

vue3核心语法

m0_69502730的博客

08-24

258

vue3核心语法

vuejs的入门＜1＞创建项目

SS1388163的博客

09-24

366

➜ Local: http://localhost:5173/ 把http://localhost:5173/ 复制的浏览器。cd aaa 进入刚创建的项目aaa 复制到ccmd ctrl +c是cmd的复制键 ctrl +v粘贴。Scaffolding project in D:\Bootstrap\2\aaa…D:>cd D:\Bootstrap\2 进入已创建的目标文件夹创建项目。(y) y 可以选no。

vue项目的安装

gjjmQq的博客

07-13

1351

vue项目的安装

VSCode下Vue3项目创建与路由配置详解

本文标题“VSCode创建Vue3项目及路由配置[可运行源码]”明确指出，文章的核心目标是指导开发者如何使用 Visual Studio Code（简称 VSCode）这一主流代码编辑器来搭建一个完整的 Vue3 项目，并完成基本的路由配置，...