码迷,mamicode.com
首页 > 其他好文 > 详细

初始化一个React项目

时间:2018-05-08 12:21:17      阅读:185      评论:0      收藏:0      [点我收藏+]

标签:user   装包   分割   分割线   nbsp   打开   信息   路径   选择   

1.create-react-app是一个通过npm发布的安装包,在确认Node.js和npm安装好之后,输入下面命令创建。

 技术分享图片

2.安装结束后,使用下面命令创建应用目录。

技术分享图片

3.打开目录

技术分享图片

4.运行项目

技术分享图片

5.浏览器会自动打开浏览器,如下图

技术分享图片

***************** 分割线 *********************

作为新人入坑,遇到一个问题。eate-react-app不是内部命令的错误。这也是用npm安装全局包时经常出现的问题。

解决方法:

             

第一步:查询系统安装了哪些全局包

             npm list -g –depth=0

             会返回一些包的安装信息,类似如下 
             C:\Users\\admin\AppData\Roaming\npm 

第二步: 
           将得到的路径C:\Users\sunlei\AppData\Roaming\npm添加到系统环境变量的Path路径下

           环境变量打开方法:

         【我的电脑】 – 【右键属性】 – 【左边栏选择“高级系统设置”】 – 【选择“环境变量”按钮】– 【在弹出的对话框中在系统变量中找到Paht字段】 – 【编辑添加你电脑里的上述路径】

          技术分享图片

第三步:然后继续执行你想执行的步骤。

 

初始化一个React项目

标签:user   装包   分割   分割线   nbsp   打开   信息   路径   选择   

原文地址:https://www.cnblogs.com/huancheng/p/9007172.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!