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
修改端口号:
在node_modules
文件下找到react_script
文件夹,打开scripts
文件下,找到starts.js
文件,打开:
找到以下代码,修改后面的3000
为想要的端口号即可。
const DEFAULT_PORT = parseInt(process.env.PORT, 10) || 3000;