node.js和前端三大框架的基本命令

node.js

安装express开发框架

命令行输入
npm install -g express
在文件夹下创建项目
express [项目名] --view=ejs

项目根目录下个有4个文件夹
bin:存放目录源代码的文件夹
public:项目静态文件夹
routers:存放路由的文件夹
views:存放模板的文件夹

创建完成后进入项目根目录 cd [项目名]
输入安装命令npm install
项目目录下运行项目node app.js

vue.js

首先全局安装vue-cli npm install -g @vue/cli
vue-cli是vue.js官方提供的能够创建,测试,构建,调试vue项目
创建项目一个vue实例vue create [项目名]
然后cd [项目名]
运行项目npm run serve

项目目录:
public存放一些静态文件
src是项目源代码文件夹，整个项目的所有代码都再src中。
在src文件夹中，main.js是整个项目的入口文件。当运行项目时,vue-cli会使用webpack对main.js进行打包。
src中，App.vue相当于项目的根组件。
views中存放所有的页面级组件。
components文件夹中存放普通组件。

打包后的项目会存放在dist文件夹下
打包命令npm run build
修改webpack打包选项，修改服务器配置等，需要手动在项目根目录下添加一个配置文件vue.config.js，当项目启动时，vue-cli会把这个配置文件合并到原本的配置文件中。

react

全局安装reactnpm install -g create-react-app
(建议使用淘宝镜像cnpm安装,因为国内使用npm速度很慢)
创建react项目create-react-app [项目名]
或者npm init react-app [项目名]
创建完成后cd 项目根目录
运行项目npm start
react项目运行失败时执行: npm run eject ( 配置文件可见 )
在页面中直接使用react.js 需要下载react.js和react-dom.js

angularJs

创建项目ng new 项目名称
运行项目ng serve --open

常见问题: 创建项目后用 npm i 或者 cnpm i 后项目没法运行
解决方案： 用 yarn 替代 cnpm 和 npm
1 cnpm instal @angular/cli (我的 npm 会报错)；
2 ng new 的时候阻止自动安装 ng 包， 只创建 ng 目录

ng new my-app --skip-install

3 安装 yarn npm install -g yarn / cnpm install -g yarn
4 进入目录 my-app 使用 yarn 安装 ng 所依赖的包 yarn
注意： yarn 命令 等同于 npm install / cnpm install 使用 yarn 前提是先安装 yarn ,
安装使用 cnpm install -g yarn 就可以安装