zoukankan      html  css  js  c++  java
  • node项目的基本构建流程或者打开一个node项目的流程

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

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

    {
      "name": "element-starter",
      "description": "A Vue.js project",
      "author": "yi.shyang@ele.me",
      "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"
      },
  • 相关阅读:
    ||和&&
    用jQuery编的一个分页小代码
    Intent携带额外的数据的方法
    Handler消息传递机制
    安卓中的消息提示
    使用AlertDialog创建对话框的大致步骤
    布局管理器
    Android中支持的常用距离单位
    开发自定义View
    Gridview中奇偶数行颜色设置
  • 原文地址:https://www.cnblogs.com/J-JUN/p/9449818.html
Copyright © 2011-2022 走看看