logo头像

求知若渴,虚心若愚

前端开发环境搭建(四)

Vue相关

Vuejs:渐进式 JavaScript 框架

安装Vue

1
npm install vue

Vue-cli

Vue.js 官方命令行工具(脚手架),可用于快速搭建大型单页应用

github

1
2
3
4
5
6
7
8
9
10
# 全局安装 vue-cli
npm install --global vue-cli
# 创建一个基于 webpack 模板的新项目
vue init webpack my-project
# 进入项目目录
cd my-project
# 安装依赖
npm install
# 运行项目
npm run dev

Vue Devtool

Vue开发环境初期推荐脚手架,后期建议自己配置项目,包含自己配置webpack

React相关

用于构建用户界面的 JavaScript 库

安装React

1
npm i react

create-react-app

React脚手架工具,快速构建 React 开发环境

1
2
3
4
5
6
7
8
# 全局安装create-react-app
npm install -g create-react-app
# 创建一个项目
create-react-app my-app
# 切换目录
cd my-app/
# 开启项目
npm start

如果create-react-app my-app报错,可能是nodejs版本的问题,小峰哥试过,nodejs8.9报错了,升级nodejs到10.11.0就可以正常运行了

react-devtools

  • React 调试插件

  • 允许在Chrome和Firefox开发人员工具中检查React组件层次结构的扩展。

  • github
  • 安装使用教程

Angular相关

一套框架,多种平台:移动端 & 桌面端

Angular安装

1
npm i angular

Angular CLI

Angular 脚手架工具,快速构建 Angular 开发环境

1
2
3
4
5
6
7
8
# 全局安装angular/cli
npm install -g @angular/cli
# 创建项目
ng new my-dream-app
# 进入项目
cd my-dream-app
# 启动项目
ng serve
支付宝打赏 微信打赏

赞赏是对我们的肯定!