精华内容
下载资源
问答
我要提问
  • nodejs启动前端项目
    千次阅读
    2019-06-24 20:58:00

    在.nuxt目录下打开命令行：

    一：npm rm node-sass

    二：npm install node-sass

    三：npm install

    四：npm run dev

    转载于:https://www.cnblogs.com/bug-baba/p/11079456.html

    更多相关内容

  • 下载安装nodejs启动vue前端项目

     2022-07-07 17:12:09
    一、安装nodejs 二、启动nodejs

    1.安装环境

        本机系统：Windows 11（64位）
        Node.js : 14.16.0（64位）

    2.安装Node.js步骤

    •     下载对应你系统的Node.js版本: https://nodejs.org/en/download/
    •     选安装目录进行安装
    •     环境配置
    •     启动项目

    3.正式开始

            1)下载node.js(想要下载指定版本直接更改对应的版本号就可以了)

            地址：CNPM Binaries Mirror
    在这里插入图片描述

             2)开始安装

    （1）下载完成后，双击“node-v6.9.2-x64.msi”，开始安装Node.js

    （2）点击【Next】按钮

    （3）勾选复选框，点击【Next】按钮

    （4）修改好目录后，点击【Next】按钮


    （5）然后一路无脑【next】安装完后点击【Finish】按钮完成安装

    （6）至此Node.js已经安装完成，可以先进行下简单的测试安装是否成功了，后面还要进行环境配置
    在键盘按下【win+R】键，输入cmd，然后回车，打开cmd窗口，看是否显示下载对应的版本号

    （7）安装完后的目录如下图所示：

    此处说明下：新版的Node.js已自带npm，安装Node.js时会一起安装，npm的作用就是对Node.js依赖的包进行管理，也可以理解为用来安装/卸载Node.js需要装的东西

    3) 环境配置

    （1）找到安装nodejs的路径
    （2） 新增 node_global 和 node_cache 文件夹
            
    （3）创建完两个空文件夹之后，打开cmd命令窗口，输入

    npm config set prefix "D:\Nodejs\node_global"
npm config set cache "D:\Nodejs\node_cache"

    （4）接下来配置环境变量

    右键点击开始按钮，点击系统

    ”高级系统设置“

    环境变量

     

    添加一个系统变量和Path变量

    系统变量

    D:\Tools\nodejs\node_modules

     Path变量

    点击编辑----新建

    D:\Tools\nodejs\
D:\Tools\nodejs\node_global

     

     记住，添加完变量之后一定要一路点击确定！！！

    (5)安装基本完成

    接下来就是启动前端vue项目

    1）找到vue项目在bin目录那一层  打开cmd窗口

    安装淘宝镜像

    npm install -g cnpm --registry=https://registry.npm.taobao.org

    安装脚手架vue-cli

    npm install -g @vue/cli

    最好通过这种方式 //新版本 

    cnpm install -g vue-cli 这种方式的安装我出了很多错

    最后输入

    npm run dev

    结束

    收起
    展开全文
    java node.js

  • nodejs启动前端项目中的问题。

     千次阅读 2019-04-27 16:47:53
    听说nodejs安装后，启动项目会产生很多文件。而其默认安装是装在c盘，长此以往担心太吃内存。思索再三，将其安装到了D盘。此时遇到如下问题： 根据网上查询结果，怀疑环境变量有问题，配置了环境变量，并...

    刚入职，同事扔给一个前台项目。因为以前遇到的项目都不是前后分离的，发现手头的项目居然都不会启动。
    回到正题，不是专业前端，没有学过nodejs，仅就安装出现的问题做下记录，希望能帮到同样情况的朋友。
    听说nodejs安装后，启动项目会产生很多文件。而其默认安装是装在c盘，长此以往担心太吃内存。思索再三，将其安装到了D盘。此时遇到如下问题：
    npm命令报错
    根据网上查询结果，怀疑环境变量有问题，配置了环境变量，并不管用。来回卸载安装几次，也没有效果。其中，怀疑卸载没有删除干净，导致再次安装没有效果。于是后来的几次卸载都是在计算机搜索node，npm相关信息，全部删除。

    最终也没有成功安装，每次进行下一步安装gulp就会发生错误。最终无奈，卸载，全部默认安装。虽然依旧没有解决问题“系统找不到指定的路径”的问题，好在能够进行下一步。

    每天
    在这里插入图片描述
    在这里插入图片描述
    npm -i 安装模块（你可以粗暴的认为 npm -i 和npm -install是一样的），到项目中查找env.config.js文件，根据联网方式打开 var env=‘’；，具体如下：
    在这里插入图片描述
    之后就可以 gulp 执行了。
    在这里插入图片描述

    收起
    展开全文
    nodejs安装

  • nodejs的前端项目搭建以及登陆接口开发

     2021-12-09 17:23:59
    1、vue3前端 vue3项目搭建==> axios配置封装 报错uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’) 更改axios版本 2、 nodejs配置跨域 npm install cors --save var cors = ...

    nodejs学习

    1、vue3前端

    vue3项目搭建==>

    axios配置封装

    报错uncaught TypeError: Cannot set properties of undefined (setting ‘baseURL’)

    更改axios版本

    2、 nodejs配置跨域

    npm install cors --save

    var cors = require("cors");
app.use(cors({
  "origin": "*",
  "methods": "GET,HEAD,PUT,PATCH,POST,DELETE",
  "preflightContinue": false,
  "optionsSuccessStatus": 204
}))

    注意：app.use(cors())引入必须放在路由引入之前，否则不起作用

    3、登陆注册接口前端写法

    前端代码地址(不完全功能)

    vue3+elemeng-plus登陆表单开发校验

    <template>
    <div>
        <el-form
            label-width="100px"
            ref="formlabelref"
            :rules="rules"
            :model="formlabel"
            style="width: 60%;margin:0 auto"
            class="demo-ruleForm"
        >
            <el-form-item label="Name" prop="name">
                <el-input v-model="formlabel.name"></el-input>
            </el-form-item>
            <el-form-item label="Password"  prop="password">
                <el-input v-model="formlabel.password"></el-input>
            </el-form-item>
            <el-form-item>
                <el-button type="primary" @click="submit">login</el-button>
                <el-button type="primary" @click="register">register</el-button>
                <el-button @click="reset">Reset</el-button>
            </el-form-item>
        </el-form>
    </div>
</template>

<script lang='ts'>
import { defineComponent, ref, unref } from 'vue'
import { userlogin ,userregister} from '../utils/api'
import {throttle} from '../utils/util'
import {
    ElMessage
} from 'element-plus';

export default defineComponent({
    name: 'login',
    setup() {
        let formlabelref = ref()
        let formlabel = ref({
            name: '',
            password: '',
        })
        let rules= ref({
            name: [
            {
                required: true,
                message: 'Please input name',
                trigger: 'blur',
            }
            ],
            password: [
            {
                required: true,
                message: 'Please input password',
                trigger: 'blur',
            },
            ],
        }) 
        const submittemp = () => {
            const form = unref(formlabelref)
            form.validate((valid)=>{
                if(!valid){
                    return ElMessage.error('用户名或密码未输入')
                }else{
                    userlogin(form.model).then(res => {
                        if (res.code === 200) {
                            ElMessage.success(res.msg);
                            reset()
                        } else {
                            ElMessage.error(res.msg);
                        }
                    })
                }
                
            })
        }
        const registertemp = () => {
            const form = unref(formlabelref)
            form.validate((valid)=>{
                if(!valid){
                    return ElMessage.error('用户名或密码未输入')
                }else{
                    userregister(form.model).then(res => {
                        if (res.code === 200) {
                            ElMessage.success(res.msg);
                            reset()
                        } else {
                            ElMessage.error(res.msg);
                        }
                    })
                }
                
            })
        }
        const submit = throttle(submittemp,3000)
        const reset =  () => {
            const form = unref(formlabelref)
            form.resetFields()
        }
        const register = throttle(registertemp,3000)
        return {
            rules,
            formlabel,
            formlabelref,
            submit,
            register,
            reset
        }
    }
})
</script>

    4、跟nodejs搭建 的后端关联

    axios.defaults.baseURL = 'http://localhost:3000';

    启动前端&后端项目，调用接口

    收起
    展开全文
    vue.js javascript

  • Node.js 启动web前端项目步骤

     千次阅读 2019-12-12 20:34:16
    Node.js 启动web前端项目步骤 第一步：打开小黑窗、找到前端项目对应的路径、node项目都有个package.json、即是项目的配置文件 如： e:\IdeaWorkSpaces\SpringBootWeChatFoot\ vuejs-project 第二步：先看有没node_...
    收起
    Node.js

  • 通过nodejs部署前端项目

     千次阅读 2020-01-29 01:10:57
    通过nodejs部署前端项目 服务器需要安装：node 然后创建如下代码app.js文件 const http = require('http'); const url = require('url'); const path = require('path'); const fs = require('fs'); // 以上是系统...
    收起

  • NodeJS启动vue项目的坑

     2022-01-10 10:46:48
    现在前端都使用了vue 而启动vue项目需要先安装nodejs 但是启动中会出现很多坑 下面来梳理下并给出几点建议 1.首先需要选择一个稳定版本的node 太高级的版本出现问题的话 也很难在网上找到别人的解决方法 2.很多...
    收起
    node vue

  • nodejs启动和打包前端项目

     千次阅读 2019-07-24 20:02:14
    1.安装nodejis http://www.runoob.com/nodejs/nodejs-install-setup.html node -v 查看安装nodejs的版本信息 2.安装npm和cnpm npm install cnpm -g cnpm install npm -g ...3.导入项目 使用 npm install...
    收起

  • Idea 配置前端web nodejs项目

     2016-11-23 11:15:41
    Idea 配置前端web nodejs项目
    收起

  • 前后分离之使用nodejs运行前端项目.

     千次阅读 2019-12-16 16:58:30
    安装nodejs 第二步：安装完成后,使用npm命令安装express模块和cors模块 npm install express npm install cors PS：如果有使用其它模块,请自行安装. 第三步：编写以下service.js文件 //加载express框架,(一个...
    收起

  • 详解webpack打包nodejs项目(前端代码)

     2020-10-18 00:13:13
    主要介绍了webpack打包nodejs项目(前端代码),小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    收起

  • nodejs运行前端项目

     千次阅读 2017-11-03 17:03:00
    有时候我们会创建一些小项目，只有几个简单html，没有引入一些前端框架，也没有使用webpack，那我们要如何让代码在我们本地跑起来呢？ 当然是有很多种方法，IIS、wampserver等等好多都可以用，这里只是说道纯粹用...
    收起

  • nodejs运行前端项目，通过node.js获取本机的ip地址

     2020-07-31 14:45:53
    function getIPAdress() { var interfaces = os.networkInterfaces(); for (var devName in interfaces) { var iface = interfaces[devName]; for (var i = 0; i < iface.length; i++) { var alias = iface[i];...
    收起

  • node-starter:基本的 nodeJS 启动器

     2021-06-23 22:09:43
    这是我的 NodeJS 项目的起点。 它不包括前端开发的任何内容，因为它专注于 Node.js。 它包括基本目录结构、Express（带有会话、cookie 和对 csrf 的支持）和 EJS。 它使用一个带有对象的配置文件，该对象允许您根据 ...
    收起
    JavaScript

  • 使用node.js运行前端工程的步骤

     千次阅读 2018-02-04 14:01:26
    前后端分离开发时，有时会使用Node.js运行前端工程。此时需要在本机安装Node.js。 1、本机安装Node.js, 配置环境变量 ...2、在项目目录下执行安装和运行命令   执行后，前端页面自动打开。
    收起
    Node.js 前后端分离

  • Linux系统安装Nodejs(阿里云部署前端项目-01)

     2020-04-05 17:14:12
    由于直接yum安装的nodejs版本太低，所以本篇文章向大家介绍在 Linux 上安装 Node.js 最新版的方法。 • 安装环境 • 本机系统：Ubuntu18.x • Node.js：v12.16.1 • 获取Node.js 安装包 • Node.js 安装包及源码下载...
    收起
    node.js

  • 安装nodejs 安装npm 和启动前端项目

     千次阅读 2019-09-02 16:56:41
    然后一直下一步 安装成功后 cmd打开命名行 输入 node -v 会出现nodejs 版本 这样就说明nodejs安装成功 然后输入 npm install 出现这个页面说明安装成功 启动项目 ，进入这个项目目录然后 npm run dev ...
    收起

  • macos的前端项目配置nodejs环境

     2022-02-09 11:30:10
    在官网下载nodejs，https://nodejs.org/zh-cn/download/ 然后点击pkg安装即可。 在终端中输入node -v 来验证安装是否成功。 接下来npm换源 npm config set registry http://registry.npm.taobao.org npm config ...
    收起
    macos vue.js

  • nodejs做前端服务器

     2020-07-08 15:30:50
    nodejs做前端服务器 nodejs的简介: 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google...
    收起

  • 为什么vue前端项目要使用nodejs

     千次阅读 2021-06-15 11:54:31
    3)nodejs是一个服务js平台 有自身带的npm(基于 Node.js的前端项目包管理工具)，有第三方的grunt(基于 Node.js的前端项目构建工具即即脚手架)、有第三方的express(路由功能)等强大的代码与项目管理应用。还有自身带...
    收起

  • NodeJs（前端面试题整合）

     千次阅读 多人点赞 2020-11-28 16:48:17
    Node事件循环的流程是什么，在事件循环中，如何判断是否有事件需要处理呢 事件循环的流程：在进程启动时，node会生成一个循环（类似于while（true）），每执行一次循环被称为一次Tick，每次的循环体Tick的过程会对...
    收起
    node.js javascript

  • IDEA启动前端项目

     万次阅读 2019-06-05 14:49:48
    IDEA启动前端项目： 第一步首先下载nodeJS 地址:https://nodejs.org/en/ nodeJS里面包含了npm，安装完成之后我们验证安装是否成功：win+R，出入cmd，回车，调出DOS窗口，输入node -v 会显示出Node.js的版本号。 ...
    收起

  • 在启动前端项目的时候

     2022-03-09 16:33:09
    当nodejs安装好之后，启动前端项目需要输入的命令： 首先输入：npm install 在输入：npm run dev 即可启动项目； 如果有报错，在解决报错 在这里有一个遇到的错误就是没有package.json这个文件但是在本地文件中有这...
    收起
    git

  • 启动前端项目

     千次阅读 2021-03-01 19:03:48
    启动前端项目启动前端项目：开启跨域 启动前端项目： 1、安装nodejs 安装《软件安装包》目录下的 node-v12.18.2-x64.msi 打开命令行，输入node -v和npm -v，能正确显示版本号就是安装成功了。 2、安装淘宝cnpm npm...
    收起

  • IDEA 导入 NodeJS 项目部署启动

     万次阅读 2018-07-09 14:12:07
    1.导入项目 2.添加模块 3.配置启动项 4.启动 5.备注 如果不明白，新建一个项目查看配置详情
    收起
    导入 idea

  • 使用`NodeJS`在前端项目中动态添加参数

     2022-01-13 11:52:59
    使用NodeJS在项目中动态添加参数 需求 在页面中显示代码的构建（打包）时间 解决思路 首先定义一个文件build_time.js 改文件可以是空文件，然后在创建一个js文件generateBuildTime.js,然后在该文件中写入代码动态...
    收起
    vue.js

  • nodejs接受前端上传的tgz文件解压并读取内容

     2022-07-20 14:16:52
    nodejs 解压tgz文件并读取内容
    收起
    json javascript

  • 【nodejs】nodejs启动服务和读取文件

     2021-02-08 17:23:18
    //nodejs启动服务 var http = require('http'); http.createServer(function(request,response){ response.writeHead(200,{'Content-Type':'text/plain'});//200是服务器响应头部 response.end('hello world!') })...
    收起

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 18,216
精华内容 7,286
热门标签
关键字：

nodejs启动前端项目