nodejs和几大框架的基本命令

nodejs

npm init 用于在当前位置创建一个nodejs项目,
运行命令是node xxx.js

express项目生成器
npm install express
express [项目名] --view=ejs

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

创建完成后运行npm install
运行项目的命令是 npm start

vue框架

vue-cli,是vue官方提供的vue脚手架工具,能够创建、测试、构建、调试vue项目。
首先需要全局安装vue-cli npm install -g @vue/cli
创建vue项目vue create xxxxxx
运行项目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框架

create-react-app 项目名
npm install -g react-scripts
react项目运行失败时执行: npm run eject ( 配置文件可见 )
在页面中直接使用react.js 需要下载react.js和react-dom.js
运行项目npm start

angular框架

创建项目ng new 项目名称
如果要跳过 npm i 安装:ng new angulardemo --skip-install
在这里插入图片描述
运行项目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 就可以安装

nuxt项目创建

npx create-nuxt-app 项目名

发布了5 篇原创文章 · 获赞 4 · 访问量 251

猜你喜欢

转载自blog.csdn.net/cheng_dong/article/details/104279378