标签：har desc route bpa script 构建 通过 nes echart
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" },
上面的项目我就需要使用 npm run dev 启动
标签：har desc route bpa script 构建 通过 nes echart
原文地址：http://www.cnblogs.com/sjzbk/p/7052945.html
