参考: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
`-- [email protected]
+-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
`-- [email protected]
三、使用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
`-- [email protected]
+-- [email protected]
+-- [email protected]
+-- [email protected]
| `-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| `-- [email protected]
`-- [email protected]
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 [email protected]: Jade has been renamed to pug, please install the latest version of pug instead of ja
npm WARN deprecated [email protected]: Deprecated, use jstransformer
npm WARN deprecated [email protected]: Please update to at least constantinople 3.1.1
[email protected] C:\Users\shenzhu\NodeJSProject\app
+-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| `-- [email protected]
+-- [email protected]
| `-- [email protected]
+-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| | +-- [email protected]
| | | `-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| | +-- [email protected]
| | +-- [email protected]
| | | +-- [email protected]
| | | | +-- [email protected]
| | | | | +-- [email protected]
| | | | | | `-- [email protected]
| | | | | +-- [email protected]
| | | | | `-- [email protected]
| | | | `-- [email protected]
| | | +-- [email protected]
| | | `-- [email protected]
| | +-- [email protected]
| | `-- [email protected]
| +-- [email protected]
| `-- [email protected]
| +-- [email protected]
| `-- [email protected]
`-- [email protected]
+-- [email protected]
`-- [email protected]
六、使用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! [email protected] start: `node ./bin/www`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] 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
> [email protected] start C:\Users\shenzhu\NodeJSProject\app
> node ./bin/www
七、node express新建的项目没有.idea
这个如果使用ide的话就有