node项目的基本构建流程或者打开一个node项目的流程

1.  确立项目所需要的所有依赖、框架(比如bootstrap,vue,angular等)

2. 在项目的根目录下创建一个package.json文件,package.json文件是项目的最重要文件之一,下面是我的一个项目中得依赖文件:

{
  "name": "element-starter",
  "description": "A Vue.js project",
  "author": "[email protected]",
  "private": true,
  "scripts": {
    "dev": "webpack-dev-server --inline --hot --env.dev",
    "build": "rimraf dist && webpack -p --progress --hide-modules"
  },
  "dependencies": {
    "element-ui": "^1.3.1",
    "font-awesome": "^4.7.0",
    "vue": "^2.1.8",
    "echarts": "^3.3.2"
  },
  "engines": {
    "node": ">=6"
  },
  "devDependencies": {
    "autoprefixer": "^6.6.0",
    "axios": "^0.16.1",
    "babel-core": "^6.24.1",
    "babel-loader": "^6.4.0",
    "babel-preset-vue-app": "^1.2.0",
    "css-loader": "^0.27.0",
    "file-loader": "^0.10.1",
    "html-webpack-plugin": "^2.24.1",
    "postcss-loader": "^1.3.3",
    "rimraf": "^2.5.4",
    "style-loader": "^0.13.2",
    "url-loader": "^0.5.8",
    "vue": "^2.3.2",
    "vue-loader": "^11.1.4",
    "vue-router": "^2.5.3",
    "vue-template-compiler": "^2.2.6",
    "webpack": "^2.4.1",
    "webpack-dev-server": "^2.4.2"
  }
}

3.  在命令行工具中使用 npm install   命令进行依赖安装,(可以使用  cnpm  提高安装速度)这时你会发现,项目的根目录下多了一个node_modules文件夹,那里面就是从npm远程库里下载的模块然后“安装”到你的项目中的。
现在,你就可以在你的项目中应用你依赖的这些modules了。你可以通过require关键字来使用他们。

const qs = require(‘querystring‘);

4. 接下来就根据你所使用的前端框架进行项目搭建与编写,

5.  如果你是打开一个现成的项目,首先你需要安装依赖参考第 3 步,  然后在命令行工具中使用  npm  run 来启动项目, 如果启动失败,就看package.json文件里面的script里面设置的启动命令,  比如:

 "scripts": {
    "dev": "webpack-dev-server --inline --hot --env.dev",
    "build": "rimraf dist && webpack -p --progress --hide-modules"
  },

上面的项目我就需要使用  npm run dev  启动

时间: 2025-01-03 18:34:40

node项目的基本构建流程或者打开一个node项目的流程的相关文章

自制工具:迅速打开一个Node 环境的Playground

需求 经常有这种情况,写代码的时候需要实验种想法,亟需一种playground 环境来玩耍.如果是前端的话可以打开chrome 的控制台,但是如果是Node 的话就比较麻烦了.我要打开我的存放试验代码的目录,创建新目录,创建js 文件,打开编辑器开始写代码.这一系列麻烦的流程直接导致我的生活质量下降.要是可以自动化这个流程就好了.我想要的是在终端敲一个命令然后就帮我把这些事都办了,然后现成的编辑器呈现在我面前,直接开始敲代码. 方案 有了自制工具:上传修改过的文件到指定服务器 的经验,现在我只需

构建自己的第一个maven项目

1.去http://maven.apache.org/download.html下载一个版本的maven,解压至任意文件夹. 2.加入maven的环境变量 3.什么是maven? maven是一个项目管理工具,包含了一个项目对象模型(POM),一组标准集合,一个项目生命周期,一个依赖管理系统,和用来运行定义在生命周期阶段中插件目标的逻辑. 4.打开maven安装包,可以看到如下的结构 bin可执行的文件 boot类加载器 conf配置 lib依赖的jar包 5.执行maven命令 cmd进入c盘

软件项目开发环境构建之一:整体流程

通常情况下,一个大的项目,很难一个人完成,需要一个团队共同协作,大家彼此分工,共同完成不同或相同的模块,这时要求所使用的工具软件要具有分布式协同功能.处理冲突及持续交付功能,一般软件项目的整体流程如下: 一个软件项目的实施,要经过概念阶段.计划阶段.创建阶段.发布阶段及追踪阶段,Atlassion的软件族都有各阶段的对应软件. 一般,概念阶段,可以使用Confluence 进行需求管理,从最初的想法到最终的需求,能够通过Confluence强大的协同功能,高效的完成需求收集.整理.分类等工作(M

如何构建第一个Spark项目代码

如何构建第一个Spark项目代码 环境准备 本地环境 操作系统 Window7/Mac IDE IntelliJ IDEA Community Edition 14.1.6 下载地址 JDK 1.8.0_65 下载地址 Scala 2.11.7 下载地址 其它环境 Spark:1.4.1 下载地址 Hadoop Yarn:Hadoop 2.5.0-cdh5.3.2 IDE项目创建 新建一个项目 New Project 使用Maven模型创建一个Scala项目 填写自己的GroupId.Artif

[Android Studio 权威教程]离线配置SDK,创建第一个AS项目

前三篇bolg我给大家分享了怎么安装Android Studio,但是我们还没有使用AS创建一个Android 的项目,那么这篇blog我们开始离线配置SDK,并且创建一个Android项目 没有看如何安装Android Studio的童鞋,请先看这里,然后回来我们继续: [Android Studio 权威教程]Mac下安装Android Studio [Android Studio 权威教程]Linux下安装Android Studio [Android Studio 权威教程]Window

学习用Node.js和Elasticsearch构建搜索引擎(一)

最近的项目要用到快速全文检索,经过前期的调研,最后选用Elasticsearch搭建搜索服务器.以前做的项目中没用过这个搜索引擎,这是第一次使用. 主要是参照 <如何用 Node.js 和 Elasticsearch 构建搜索引擎>这篇文章学习的,这篇文章翻译得很好,整个过程都走下来了很流畅. 下面记录一下本人按照这篇文章的学习过程: 1.学习Elasticsearch概述. 了解Elasticsearch是什么?能做什么?可以查一下elasticsearch.lucene等的相关介绍,另外也

svn管理项目代码+jenkins构建

1,svn下载服务端以及客户端,不详细描述 服务端创建账户,用户组,分配权限,创建资源库等,详见 http://www.cnblogs.com/tugenhua0707/p/3969558.html 2,eclipse安装svn插件,将代码提交到svn,工程目录会增加个.svn文件夹,具体流程搜索百度: 3,svn项目地址获取:用浏览器打开SVN,把前面的URL换成本机IP 4,打开后即可看到上传到SVN的代码 5,安装jenkins,注意是安装版,不是用tomcat的版本 6,安装个maven

ember.js快速构建一个应用项目(1)

步骤: 安装Ember. 创建一个新应用程序. 定义路由. 编写一个UI组件. 构建您的应用程序以部署到生产环境. 安装Ember 您可以使用npm(Node.js包管理器,你需要安装node.js)使用单个命令来安装Ember.在终端中输入以下内容: ember new ember-quickstart 创建一个新应用程序 一旦你通过npm安装了Ember CLI,你将可以ember在你的终端中访问一个新的命令.您可以使用该ember new命令来创建一个新的应用程序: ember new e

docker+mysql(8.0.15)+node.js(hapi.js)构建容器(命令行)

安装docker, 准备一个node.js项目,项目中包含数据库配置. 一.将node.js项目创建为image 在项目中创建.dockerignore文件和dockerfile文件(https://github.com/hanxiaoer1992/docker_nodejs_cmd) cd 项目文件夹下(cd ....../docker_nodejs_cmd) docker image build -t dockertest:0.0.1 . 二.拉取mysql docker pull mysq