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"
  },

 

posted @ 2018-08-09 16:30  junjun_story  阅读(370)  评论(0编辑  收藏  举报
****************************************** 页脚Html代码 ****************************************** 页脚Html代码