打开vue项目 准备工作

最新推荐文章于 2024-03-20 09:43:22 发布
最新推荐文章于 2024-03-20 09:43:22 发布
阅读量151 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/egffyty/article/details/107449458
版权
本文介绍了启动Vue项目的准备工作，包括导入SQL数据，配置database.js，更改Node默认Shell路径，处理缺少node_modules的问题，以及通过npm start启动项目并查看首页数据。
摘要由CSDN通过智能技术生成

1、sql导入
创建一个数据库 然后导入数据文件
在这里插入图片描述

编辑database.js
在这里插入图片描述

2、启动 node
npm start

在这里插入图片描述

修改默认shell
1、搜素 node.exe寻找其的路径
在这里插入图片描述

2、打开vscode 文件–> 首选项–>设置

写入第一步找到的地址
在这里插入图片描述

添加成功
在这里插入图片描述

3、 由于没有node_modules 文件 ，运行会报错 显示node_modules missing，我们需要cnpm install 把文件安装下来。

最低0.47元/天 解锁文章
egffyty
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
详解如何运行vue项目
10-17
在环境准备就绪之后，我们就可以开始构建Vue项目了。使用vue-cli构建项目，首先需要创建一个项目目录，然后通过命令行进入到该目录下。在此例中，选定在桌面创建项目，故使用cd命令切换到桌面目录。然后，运行vue ...
Vue没有node_modules怎么办
weixin_54048131的博客
07-30 1449
然后再npm run serve。npm install 一下。
在vue目录下使用npm i生成vue依赖时没有自动生成对应的node-modules文件
qq_59227359的博客
03-20 767
我的node-mudules就被建在了npm的文件夹下，这种情况一般是在全局安装了，所以对应的路径下没有node-modules。如果没有，你需要去自己电脑的C:\Users\你的用户名\AppData\Roaming\npm\etc下找到你的npmrc文件。然后在你的C:\Users\你的用户名\这个路径下找到.npmrc文件，如果找不到，可以在命令行输入where .npmrc。看看你的vue是不是在很多个路径下都有，如果是，删除你不需要的路径。保存之后，就可以正常使用npm i创建vue了。
创建vue没有node_modules
weixin_43787826的博客
01-17 3484
不知道有没有童鞋出现过全局安装vue-cli是成功的，但是创建项目时命令行报了很多错误， 如下 本来是需要按照提示依次切换到项目文件夹，再npm run dev 即可完成项目创建并启动的，但是又报了如下错误 经过排查，发现整个项目文件夹下竟然没有node_modules文件（这个我也不知道什么原因），所以就想着应该是需要手动下载一下依赖吧 即npm install 或 npm cache clean --force 综合得出结论吧，原因是缓存腐败，npm cache clean --force命.
VUE导入项目问题解决办法：找不到依赖此文件夹缺少 ‘node_modules‘。请安装依赖后再尝试导入。
m0_48837241的博客
01-15 1万+
从Gitee上拉取前端项目，导入vue时遇到问题时分析过程
解决：修改npm目录后安装Vue正常，创建项目NO_MODULE
Toozky的博客
10-24 483
解决：修改npm目录后安装Vue正常，创建项目NO_MODULE 修改npm目录转至: 修改npm安装目录 创建vue项目NO_MODULE 可能是windows配置了hadoop环境，vue和hadoop都有yarn造成的冲突 修改vue打包方式为npm即可 在C盘用户目录下，进入当前windows用户目录找到.vuerc文件，以记事本打开 在文末追加 "packageManager": "npm" 如果你配置了windows的hadoop环境，这个问题就解决了。 不想hadoop、vue共存也可以
web服务器nginx+部署前端vue项目
03-22
- 准备好前端 Vue 项目。确保你的 Vue 项目已经构建完成了静态资源文件。 2. **拷贝项目文件**： - 将构建好的 Vue 项目的静态资源文件拷贝到 Nginx 的安装目录下的 `html` 文件夹内。例如： ``` cp -r /path/...
详解Vue用cmd创建项目
10-17
使用命令行工具（CMD）创建Vue项目是开发流程中的第一步，这使得开发者能够快速搭建开发环境并开始编码。下面我们将详细讲解如何在CMD中创建Vue项目。 1. **环境准备**： 在开始之前，确保你已经安装了Node.js，...
vue项目建立.docx
01-06
在开始创建 Vue 项目之前，需要准备好环境。NodeJs 是 Vue 项目的必要依赖项，因此首先需要安装 NodeJs。下载 NodeJs 的最新版本，然后按照提示安装。在安装完成后，检查 NodeJs 是否安装成功，可以输入 `node -v` ...
vue环境搭建、项目初始化
02-03
Vue 环境搭建、项目初始化 在本文中，我们将详细介绍 Vue 环境搭建和项目初始化的过程，从 Node.js 的安装到 Vue 项目的创建，包括了 NPM、Webpack、Vue-CLI 等工具的使用。 一、 Node.js 的安装 Node.js 是一个...
SN-U10066,SN-U10066,SN-U10066,SN-U10066
07-31
EPLAN 授权文件 EPLAN 授权文件
vue项目中无node_modules
K_GONE的博客
02-07 3482
vue项目中无node_modules时快速加入依赖
关于Vscode 不显示文件node_modules文件不显示解决方法
weixin_48373956的博客
08-05 7722
在安装了多版本安装环境nodejs，在Vscode运行 npm install vue 安装 node_modules文件，不显示node_modules文件，只显示json的文件 使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题： settings.json配置如下，可以自己定制忽略的文件夹： search.exclude 用来忽略搜索的文件夹 files.exclude 用来忽略工程打开的文件夹 ...
vscode全局搜索搜不到node_modules的问题解决
null
01-18 1940
方法一：解决方法：同时删掉设置-search.exclude里面的**/node_modules和.gitignore。.gitignore里面也包含了node_modules文件，因此设置也需要删掉这个文件。一开始只试了删除设置-search.exclude里面的**/node_modules，没生效。方法二：在设置-use ignore files取消勾选以下的。
解决开启Vue项目缺少node_models包问题
热门推荐
qq_43102730的博客
11-18 1万+
1.当我们通过Vue ui 导入新的vue项目时显示缺少node_models包问题 == 此文件夹缺少 ‘node_modules’。请安装依赖后再尝试导入。== 错误页面如图： 问题原因 错误原因是没有安装该项目所需要的依赖项（代码入库时是不需要保留依赖项的，因为依赖项只在项目编译打包或项目运行时使用。所以从git仓库或svn仓库拉下来的代码需要先安装依赖），执行命令安装后即可正常导入。 解决办法一： 重新安装node_models 进入到项目的根目录 打开cmd命令窗口 执行安装命令 cd my
VSCode隐藏node_modules目录
weixin_33762130的博客
09-22 2022
使用VSCode，打开一个工程时，发现node_modules目录包含到工程中了，问题： settings.json配置如下，可以自己定制忽略的文件夹： search.exclude 用来忽略搜索的文件夹 files.exclude 用来忽略工程打开的文件夹 转载于:https://www.cnblogs.com/GarsonZhang/p/7575961.html...
Vue 项目开发前准备工作和步骤
weixin_48458705的博客
12-15 960
Vue 项目开发前准备工作 1、首先肯定要先下载node.js;在官方网站选择适合自己电脑配置的版本。 官网地址：http://nodejs.cn/ 检查是否安装成功：node -v; 2、下载使用淘宝npm镜像 npm install -g cnpm --registry=https://registry.npm.taobao.org 3、安装全局vue-cli脚手架 cnpm install --global vue-cli 4、创建项目可在指定的文件夹下或使用命令打开指定的区域新建新的项目newt
2进制3位数过去现在将来输赢公式代码.txt
09-07
2进制3位数过去现在将来输赢公式代码
福州大学在广东2021-2024各专业最低录取分数及位次表.pdf
最新发布
09-07
全国各大学在广东2021-2024各专业最低录取分数及位次表
VSCode快速搭建Vue项目指南
在VSCode的终端中，确保当前工作目录是这个文件夹，然后执行以下命令初始化Vue项目： ``` vue init webpack myvue ``` `myvue`是你的项目名，可以根据实际需求更改。 5. **项目配置**：在执行上述命令后，会有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值