参考:https://blog.csdn.net/qq_38209578/article/details/82593591
参考:https://www.cnblogs.com/learnings/p/7372718.html
一、查看npm的版本
输入:cnpm -v和输入npm -v
C:\Users\shenzhu>cnpm -v
'cnpm' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
C:\Users\shenzhu>npm -v
3.8.9
二、使用npm install express -g命令来安装express插件
输入:npm install express -g
C:\Users\shenzhu>npm install express -g
C:\Users\shenzhu\AppData\Roaming\npm
`-- express@4.16.4
+-- accepts@1.3.5
| +-- mime-types@2.1.21
| | `-- mime-db@1.37.0
| `-- negotiator@0.6.1
+-- array-flatten@1.1.1
+-- body-parser@1.18.3
| +-- bytes@3.0.0
| +-- http-errors@1.6.3
| | `-- inherits@2.0.3
| +-- iconv-lite@0.4.23
| | `-- safer-buffer@2.1.2
| `-- raw-body@2.3.3
+-- content-disposition@0.5.2
+-- content-type@1.0.4
+-- cookie@0.3.1
+-- cookie-signature@1.0.6
+-- debug@2.6.9
| `-- ms@2.0.0
+-- depd@1.1.2
+-- encodeurl@1.0.2
+-- escape-html@1.0.3
+-- etag@1.8.1
+-- finalhandler@1.1.1
| `-- unpipe@1.0.0
+-- fresh@0.5.2
+-- merge-descriptors@1.0.1
+-- methods@1.1.2
+-- on-finished@2.3.0
| `-- ee-first@1.1.1
+-- parseurl@1.3.2
+-- path-to-regexp@0.1.7
+-- proxy-addr@2.0.4
| +-- forwarded@0.1.2
| `-- ipaddr.js@1.8.0
+-- qs@6.5.2
+-- range-parser@1.2.0
+-- safe-buffer@5.1.2
+-- send@0.16.2
| +-- destroy@1.0.4
| `-- mime@1.4.1
+-- serve-static@1.13.2
+-- setprototypeof@1.1.0
+-- statuses@1.4.0
+-- type-is@1.6.16
| `-- media-typer@0.3.0
+-- utils-merge@1.0.1
`-- vary@1.1.2
三、使用express新建项目
输入:express myapp
注:myapp是项目名称可以自己换,若是还没有安装express命令会提示如下:
C:\Users\shenzhu>express myapp
'express' 不是内部或外部命令,也不是可运行的程序
或批处理文件。
1、安装命令插件
输入:npm install -g express-generator
C:\Users\shenzhu>npm install -g express-generator
C:\Users\shenzhu\AppData\Roaming\npm\express -> C:\Users\shenzhu\AppData\Roaming\npm\node_modules\express-generator\bin\express-cli.js
C:\Users\shenzhu\AppData\Roaming\npm
`-- express-generator@4.16.0
+-- commander@2.13.0
+-- ejs@2.5.7
+-- minimatch@3.0.4
| `-- brace-expansion@1.1.11
| +-- balanced-match@1.0.0
| `-- concat-map@0.0.1
+-- mkdirp@0.5.1
| `-- minimist@0.0.8
`-- sorted-object@2.0.1
2、新建myAPP项目
安装完命令之后,重新输入:express myapp,就可以新建项目
C:\Users\shenzhu>express myapp
warning: the default view engine will not be jade in future releases
warning: use `--view=jade' or `--help' for additional options
create : myapp\
create : myapp\public\
create : myapp\public\javascripts\
create : myapp\public\images\
create : myapp\public\stylesheets\
create : myapp\public\stylesheets\style.css
create : myapp\routes\
create : myapp\routes\index.js
create : myapp\routes\users.js
create : myapp\views\
create : myapp\views\error.jade
create : myapp\views\index.jade
create : myapp\views\layout.jade
create : myapp\app.js
create : myapp\package.json
create : myapp\bin\
create : myapp\bin\www
change directory:
> cd myapp
install dependencies:
> npm install
run the app:
> SET DEBUG=myapp:* & npm start
四、新建好的项目的目录
注意:建好的项目会保存在什么地方呢?
如上面的myapp项目,是在C:\Users\shenzhu这种目录下,所以最好是新建好自己的项目目录,然后进入到自己的项目目录下,再执行express的相关命令,这样项目工程就会创建在你自己建的目录下了
五、安装依赖模块
输入:app>npm install
C:\Users\shenzhu\NodeJSProject\app>npm install
npm WARN deprecated jade@1.11.0: Jade has been renamed to pug, please install the latest version of pug instead of ja
npm WARN deprecated transformers@2.1.0: Deprecated, use jstransformer
npm WARN deprecated constantinople@3.0.2: Please update to at least constantinople 3.1.1
app@0.0.0 C:\Users\shenzhu\NodeJSProject\app
+-- cookie-parser@1.4.3
| +-- cookie@0.3.1
| `-- cookie-signature@1.0.6
+-- debug@2.6.9
| `-- ms@2.0.0
+-- express@4.16.4
| +-- accepts@1.3.5
| | +-- mime-types@2.1.21
| | | `-- mime-db@1.37.0
| | `-- negotiator@0.6.1
| +-- array-flatten@1.1.1
| +-- body-parser@1.18.3
| | +-- bytes@3.0.0
| | +-- iconv-lite@0.4.23
| | | `-- safer-buffer@2.1.2
| | `-- raw-body@2.3.3
| +-- content-disposition@0.5.2
| +-- content-type@1.0.4
| +-- depd@1.1.2
| +-- encodeurl@1.0.2
| +-- escape-html@1.0.3
| +-- etag@1.8.1
| +-- finalhandler@1.1.1
| | `-- unpipe@1.0.0
| +-- fresh@0.5.2
| +-- merge-descriptors@1.0.1
| +-- methods@1.1.2
| +-- on-finished@2.3.0
| | `-- ee-first@1.1.1
| +-- parseurl@1.3.2
| +-- path-to-regexp@0.1.7
| +-- proxy-addr@2.0.4
| | +-- forwarded@0.1.2
| | `-- ipaddr.js@1.8.0
| +-- qs@6.5.2
| +-- range-parser@1.2.0
| +-- safe-buffer@5.1.2
| +-- send@0.16.2
| | +-- destroy@1.0.4
| | `-- mime@1.4.1
| +-- serve-static@1.13.2
| +-- setprototypeof@1.1.0
| +-- statuses@1.4.0
| +-- type-is@1.6.16
| | `-- media-typer@0.3.0
| +-- utils-merge@1.0.1
| `-- vary@1.1.2
+-- http-errors@1.6.3
| `-- inherits@2.0.3
+-- jade@1.11.0
| +-- character-parser@1.2.1
| +-- clean-css@3.4.28
| | +-- commander@2.8.1
| | | `-- graceful-readlink@1.0.1
| | `-- source-map@0.4.4
| | `-- amdefine@1.0.1
| +-- commander@2.6.0
| +-- constantinople@3.0.2
| | `-- acorn@2.7.0
| +-- jstransformer@0.0.2
| | +-- is-promise@2.1.0
| | `-- promise@6.1.0
| | `-- asap@1.0.0
| +-- mkdirp@0.5.1
| | `-- minimist@0.0.8
| +-- transformers@2.1.0
| | +-- css@1.0.8
| | | +-- css-parse@1.0.4
| | | `-- css-stringify@1.0.5
| | +-- promise@2.0.0
| | | `-- is-promise@1.0.1
| | `-- uglify-js@2.2.5
| | +-- optimist@0.3.7
| | | `-- wordwrap@0.0.3
| | `-- source-map@0.1.43
| +-- uglify-js@2.8.29
| | +-- source-map@0.5.7
| | +-- uglify-to-browserify@1.0.2
| | `-- yargs@3.10.0
| | +-- camelcase@1.2.1
| | +-- cliui@2.1.0
| | | +-- center-align@0.1.3
| | | | +-- align-text@0.1.4
| | | | | +-- kind-of@3.2.2
| | | | | | `-- is-buffer@1.1.6
| | | | | +-- longest@1.0.1
| | | | | `-- repeat-string@1.6.1
| | | | `-- lazy-cache@1.0.4
| | | +-- right-align@0.1.3
| | | `-- wordwrap@0.0.2
| | +-- decamelize@1.2.0
| | `-- window-size@0.1.0
| +-- void-elements@2.0.1
| `-- with@4.0.3
| +-- acorn@1.2.2
| `-- acorn-globals@1.0.9
`-- morgan@1.9.1
+-- basic-auth@2.0.1
`-- on-headers@1.0.1
六、使用npm start 运行项目
输入:npm start
1、刚开始报了下面的的错误
npm ERR! Windows_NT 6.1.7601
npm ERR! argv "C:\\Program Files\\nodejs\\node.exe" "C:\\Program Files\\nodejs\\node_modules\\npm\\bin\\npm-cli.js" "start"
npm ERR! node v6.2.0
npm ERR! npm v3.8.9
npm ERR! code ELIFECYCLE
npm ERR! app@0.0.0 start: `node ./bin/www`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the app@0.0.0 start script 'node ./bin/www'.
npm ERR! Make sure you have the latest version of node.js and npm installed.
npm ERR! If you do, this is most likely a problem with the app package,
npm ERR! not with npm itself.
npm ERR! Tell the author that this fails on your system:
npm ERR! node ./bin/www
npm ERR! You can get information on how to open an issue for this project with:
npm ERR! npm bugs app
npm ERR! Or if that isn't available, you can get their info via:
npm ERR! npm owner ls app
npm ERR! There is likely additional logging output above.
npm ERR! Please include the following file with any support request:
npm ERR! C:\Users\shenzhu\NodeJSProject\app\npm-debug.log
C:\Users\shenzhu\NodeJSProject\app>
从上面的提示看,说可能是npm或者nodejs不是最新版,但是我的npm是最新版的,所以我就重新
安装了一下nodejs,到官网里面又下载了一个最新的版本的nodejs,重新安装完成之后,就OK了,如下:
C:\Users\shenzhu\NodeJSProject\app>npm start
> app@0.0.0 start C:\Users\shenzhu\NodeJSProject\app
> node ./bin/www
七、node express新建的项目没有.idea
这个如果使用ide的话就有