关于react,vue框架的搭建及bug处理

在搭建框架过程中我们需要以下环境:

  • node    #官网下载安装,下载node时候会自带安装npm
    • 【备注】:node -v   #检测node是否安装成功,如果node命令无效,查看node执行脚本文件夹是否在环境变量中配置  
  • npm
    • npm config set registry https://registry.npm.taobao.org    #设置npm包代理下载地址,资源下载快
    • cnpm install express       #配置完成测试
    • 【备注】:如果需要自己更改node包下载地址,以及缓存地址需要自己另外配置
      • npm config set prefix “d:\nodejs\node_global”
        npm config set cache “d:\nodejs\node_cache”

  • 上述环境准备完成:
       构建react项目,查看文档:https://reactjs.org/docs/add-react-to-a-new-app.html 

      npm install -g create-react-app      #安装react构建工具

      create-react-app  react_01        #使用构建工具,初始化项目,这里可能会出现 xxx command not found的错误,遇到这个错误就是环境变量没有配置该命令导致

                    【备注】:

                      需要配置环境变量:
                        NODE_PATH:"D:\nodejs\node_global\node_modules"
                        PATH:"d:\nodejs\node_global\"

                     cd react_01

                     npm start 

      

        构建vue项目,官网没有提供构建工具,汗颜

      npm install -g vue-cli      #构建工具

      vue init webpack vue01  #使用vue构建项目

                      npm install     #初始化项目

                      npm run dev       #项目启动

        

    

posted @ 2018-03-27 13:14  外科手术医生  阅读(131)  评论(0)    收藏  举报