node安装和vue项目运行

最新推荐文章于 2024-04-13 14:35:28 发布

原创最新推荐文章于 2024-04-13 14:35:28 发布 · 396 阅读

0 ·

CC 4.0 BY-SA版权

源码研究专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍Node.js的安装步骤及版本验证方法，并提供如何安装和配置node_models、依赖包如node-sass、sass-loader等，同时介绍了Vue项目中实现代码变更即刻生效的方法。

一、安装node

网上搜索node-v14.16.0-x64.msi下载

安装完成

cmd运行

node -v

显示v14.16.0，表示node安装成功

二、安装node_models

cmd运行

cd my-project

npm install (换源安装: npm install --registry https://registry.npm.taobao.org )

npm run dev 项目启动成功

三、安装依赖

项目样式乱了，解决方法

sass-loader依赖于node-sass，所以要安装node-sass

cnpm install node-sass --save-dev //安装node-sass

cnpm install sass-loader --save-dev //安装依赖包sass-loader

cnpm install style-loader --save-dev //安装style-loader

四、改了vue代码想马上生效，运行以下命令

npm run watch 开发模式，是不是热更新，要刷新页面才能看到

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

hnhdl

关注关注

0
点赞
踩
0

收藏

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

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

启动vue项目（包括安装Node.js）

旭东怪的博客

06-05

1222

1 下载Node.js （1）进入node.js官网下载相应安装包：https://nodejs.org/en/

vue开发环境搭建

InfiniteQ

05-08

438

1、下载与安装node.js： ①网址：http://nodejs.cn/ ②安装路径：D:\Program Files。 2、指定全局安装路径和缓存路径： ①在安装路径D:\Program Files下新建node_global和node_cache两个文件夹 ②设置缓存文件夹和全局模块存放路径： npm config set cache "D:\Program Files\nodejs\node_cache" npm config set prefix "D:\Program File..

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

node.js安装到运行vue项目

qq_41128049的博客

10-27

196

https://www.cnblogs.com/laizhouzhou/p/8027908.html

安装Node,创建vue项目,运行及打包

weixin_30436101的博客

02-19

242

1、安装node js 　　下载地址：http://nodejs.cn/download/ 2、安装完成后运行Node.js command prompt（node -v查看安装版本）　　 3、安装npm（由于现在版本的nodejs已经集成npm所以无需安装，可以用npm -v 查看版本）　　 4、注册cnpm来代替npm 　　使用命令：npm install cnpm -g --regist...

安装nodejs环境，安装vue

song_jia_peng的博客

12-24

242

#装nodeJs cd /tmp wget https://nodejs.org/dist/v11.0.0/node-v11.0.0-linux-x64.tar.gz tar -xvf node-v11.0.0-linux-x64.tar.gz cd /usr/local/ mv /tmp/node-v11.0.0-linux-x64 nodejs ln -s /usr/local/nodejs/bin/node /usr/local/bin ln -s /usr/local/nodejs/bin/np

vue安装教程（node+vuecli+创建vue项目）

weixin_45378094的博客

12-18

288

总共分为三个大步骤一、安装Node.js 我下载这会版本是12.14.0这个推荐给大多数人版本下载好之后一顿盲安装，点就完了（在下载过程中node会自动配置环境变量，不需要自己配置，后期自己打开cmd终端直接输入命令就可以） 3.安装完之后输入 node -v ，可以显示自己安装版本就证明已经安装成功了！二、通过vue-cli来搭建vue项目 1、安装node前提下，打开终端直接输入...

前端开发Vue框架安装与环境配置指南：涵盖Node.js、Vue CLI及项目创建运行全过程

04-08

首先强调了 Vue.js 作为渐进式 JavaScript 框架的特点，然后逐步讲解了安装 Node.js 和 Vue CLI 的步骤，包括下载、安装和版本检查。接着，演示了如何使用 Vue CLI 创建新项目，并介绍了项目创建后的运行方法。最后...

从网上下载一个vue项目，跑起来的全过程

01-08

这个文件列出了项目所需的Node.js版本和Vue.js版本，以及其他依赖库。确保你的系统上安装的Node.js（通常会附带npm）与项目所需版本相匹配。 3. **安装Node.js**：如果你还没有安装Node.js，访问官方网站...

使用IDEA工具配置和运行vue项目及遇到的坑

08-26

安装完成后，我们可以在IDEA中使用vue插件来开发和运行vue项目。二、搭建node.js环境在配置和运行vue项目之前，我们需要首先搭建node.js环境。node.js是JavaScript的运行环境，我们可以从官网下载node.js并安装...

详解如何运行vue项目

10-17

综上所述，运行Vue项目需要一定的前置条件，包括安装Node.js、npm包管理器和Vue-cli构建工具，并配置淘宝镜像cnpm，还需要了解项目的初始化、依赖安装和运行启动方式。这些知识点串联起来，为Vue项目的运行提供了...

前端开发Vue安装及环境配置：从Node.js到Vue CLI全流程指南及项目创建运行说明

06-25

首先强调了 Vue.js 作为一个渐进式 JavaScript 框架的特点，然后逐步指导用户完成安装 Node.js 和 Vue CLI 的步骤，包括从官方下载 Node.js、验证安装是否成功以及全局安装 Vue CLI。接下来，文章讲解了如何使用 Vue...

安装配置nodejs并创建Vue项目.pdf

07-26

安装nodejs,并简单配置npm，包括npm的全局目录，在不用更换成cnpm命令的前提下更改镜像源，最后简单创建Vue项目

node安装后安装vue

qq_38665250的博客

12-31

241

npm proxy设置网络代理并使用taobao registry npm config set https-proxy http://server:port npm config set proxy http://server:port npm set registry http://registry.npm.taobao.org npm install -g websocket-bench --registry=http://registry.npm.taobao.org npm config lis

报错node/no-deprecated-api，node/process-exit-as-throw......

小蜜蜂的博客

01-12

675

eslint-plugin-node用法 1.npm install --save-dev eslint eslint-plugin-node 2..eslintrc.js文件 { "extends":[ "eslint:recommended", "plugin:node/recommended" // 采用建议的规则 ], "parserOptions":{ //OnlyESLint6.2.0...

node学习笔记——node.js事件触发器

xt_123456的博客

06-18

384

events（事件触发器）事件触发器events的使用方法：大多数 Node.js 核心 API 构建于惯用的异步事件驱动架构，其中某些类型的对象（又称触发器，Emitter）会触发命名事件来调用函数（又称监听器，Listener）。所有能触发事件的对象都是 EventEmitter 类的实例。这些对象有一个 eventEmitter.on() 函数，用于将一个或多个函数绑定到命名事件上。事件的命名通常是驼峰式的字符串，但也可以使用任何有效的 JavaScript 属性键。当 EventEmit

node16在vue2.0项目中安装sass报错——解决

King的博客

07-03

1394

sass

nodejs安装&创建vue项目

m0_63086381的博客

04-13

2431

【node_global】和【node_cache]的权限鼠标右击【node_global】的文件夹，点击【属性】，再点击【安全】，再点击【编辑】，将权限都勾上，随即点击【确定】即可，【node_cache】步骤同理。1、我希望将全模块所在路径和缓存路径放在我node.js安装的文件夹中，则找到安装的目录，在安装目录下新建两个文件夹【node_global】和【node_cache】在【系统变量】下新建【NODE_PATH】【D:\Nodejs\node_global\node_modules】

vue项目文件详解

ZZHK666的博客

11-02

429

├── README.md 项目介绍 ├── index.html 入口页面 ├── build 构建脚本目录 │ ├── build-server.js 运行本地构建服务器，可以访问构建后的页面 │ ├── build.js 生产环境构建脚本 │ ├── dev-client.js 开发服务器热重载脚本，主要用来实现开发阶段的页面自动刷新 │ ├── dev-server.j

node14 升级 node16 后 vue2 项目中 sass 报错问题

小雨哥的博客

05-26

9145

起因不知道因为个什么手贱把之前的 node14 版本卸载了去官网重新下载安装了一下 node，最近版本升级到了 node16，以为应该不会有什么问题吧，结果把项目一跑，我勒个去，一堆飘红的，看控制台提示主要是这个 node-sass 报的错。根据 node-sass 官网的说法，不同的 node.js 版本需要安装不同的 node-sass 版本，并且 node-sass 已经废弃，推荐使用 Dart Sass 代替，Dart Sass 在 npm 中的包名为 sass 。劫难查看 package.

node14创建vue项目