vue/react环境搭建

1.安装node

点击链接Node.js
npm包含在Node.js中，您可以从Node.js下载中进行安装。
查看node和npm版本

node --version和npm --version。

安装node,以及npm是提供vue，以及react的环境支撑，算是准备条件。之后的脚手架什么都是通过npm进行安装。（只是一种可选途径，并不唯一。）

2.0创建VUE项目

2.1将使用Vue CLI脚手架工具

要vue/cli在终端或命令提示符中安装，请输入：

npm install -g @vue/cli

安装可能需要几分钟。查看vue/cli版本

vue -V
或者
vue --version

您现在可以通过键入以下内容来创建新的Vue.js应用程序：

可以先通过命令的形式进入想将项目存放的文件夹：

2.2再利用脚手架创建项目

vue create my-app

稍等项目创建完，可以选择默认模式或自选组件。

2.3启动项目

通过cd命令，进入到my-app并键入

cd my-app
npm run serve

以启动Web服务器并在浏览器中打开该应用程序，来快速运行Vue应用程序：
您应该在浏览器中的http：// localhost：8080上看到“欢迎使用Vue.js应用程序” 。

3.创建React项目

3.1安装create-react-app工具

使用 create-react-app，各种工具和配置都会在后台集成，而开发人员只需要专注于实现就好。
首先你需要把它安装成 node 的全局包。你就可以在命令行创建和初始化 React 应用了。,-g

npm install -g create-react-app

查看工具版本：

create-react-app --version

3.2利用create-react-app创建项目

create-react-app react-demo

3.3启动react项目

npm start

访问： http://localhost:3000

修改端口号：

在node_modules文件下找到react_script文件夹，打开scripts文件下，找到starts.js文件，打开：
找到以下代码，修改后面的3000为想要的端口号即可。

const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;