首页 > 其他分享 >renren-fast-vue人人开源前端项目搭建保姆级教程

renren-fast-vue人人开源前端项目搭建保姆级教程

时间:2022-11-26 17:49:07浏览次数:60  
标签:node npm vue renren fast chromedriver 版本 下载

1、从gitee上clone项目

git clone https://gitee.com/renrenio/renren-fast-vue.git

2、准备好python环境

需要有Python2以上的环境,我安装了Python3.10.0的版本,可以搭建成功。

3、下载node.js12.1.0版本

原先的版本是14.一直报错 Error:I/O,read的异常,没解决,看其他文章需要重新安装node

卸载后改成最新的18.的版本就会出现版本兼容的问题

最后参考其他文章采用12.1.0的版本成功搭建

如果已经有安装其他版本的node.js可以尝试先进行npm install,如果成功不了再改版本也不迟。

1、node.js重装:

1)在控制面版中卸载node.js

2)删除node_cache和node_global文件夹

3)检查是否有一下文件夹,若有,就删除

  1. c://user/xxx/node_models
  2. c://Program Fiels/nodejs
  3. c://user/xxx/AppData/Roaming/npm
  4. c://user/xxx/AppData/Roaming/npm-cache

2、重新下载安装

下载地址:Index of /download/release/v12.1.0/ (nodejs.org)

双击下载的安装包,一直点next,安装路径可以自己更改。等待安装成功即可。

在cmd中输入node -v npm-v测试安装成功。

3、设置淘宝镜像加速地址

在从cmd窗口输入:

npm config set registry http://registry.npm.taobao.org/

4、开始搭建项目

管理员身份在VSCode中打开renren-fast-vue

1、下载node-sass4.14版本

# 指定node-sass版本,这句等价于修改package.json文件了。
# 注意不要指定4.9.2了,我试过4.9.2好像不行,4.14刚好符合4.12+版本,对应Node 12.1.0,上面有图。

npm install [email protected]

这里会报错:

报错原因:chromedriver下载连接失败

2、下载chromedriver

点击报错信息中的连接,下载Zip文件。执行

npm install chromedriver --chromedriver_filepath=E:\Project\vue_zip\chromedriver_win32.zip

注意:路径需要改成自己下载的路径。

执行成功:

3、执行npm install

至此,环境搭建成功。

5、运行项目

输入npm run dev,回车成功

标签:node,npm,vue,renren,fast,chromedriver,版本,下载
From: https://www.cnblogs.com/slothhh/p/16927857.html

相关文章

  • vue 列表页面点击编辑页面传值
    props分为三种形式props为对象props为布尔值,这种只能接收params动态路由的参数props为函数,可以接收query和params参数(推荐)importVuefrom'vue'importVueRoute......
  • vue路由传参的三种写法
    methods:{goSearch(){//1.路由传参字符串形式//this.$router.push("/Search/"+this.keyword+"?k="+this.keyword.toUpp......
  • Ubuntu安装FastDFS(5.11版本)以及Nginx(1.22.1版本)
    主要步骤参见https://blog.csdn.net/allblueee/article/details/125990233其中Nginx版本与该博文不同,另外Nginxreload的时候如果出现如下问题:nginx:[error]open()"/u......
  • FastAPI使用typing类型提示
    typing是Python标准库,用来做类型提示。FastAPI使用typing做了:编辑器支持;类型检查;定义类型,requestpathparameters,queryparameters,headers,bodies,dependencies等等;......
  • vue tab 切换
    <template><view><!--内容--><viewclass="content_box"><viewclass="content"><!--分类--><view......
  • vue3中watch监听不是你想的那样简单
    vue3中watch监听数组,数组变化后未触发回调今天发生了一个很神奇的现象,就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到很疑......
  • vue3中watch监听不是你想的那样简单
    vue3中watch监听数组,数组变化后未触发回调今天发生了一个很神奇的现象,就是我使用watch监听数组时。被监听的数组已经发生了变化。但是没有触发回调操作。当时的我感到很疑......
  • vue3踩坑记录
    VueGridLayout-️适用Vue.js的栅格布局系统'.sync'modifieron'v-bind'directiveisdeprecated.Use'v-model:propName'instead.eslint-plugin-vue在3.x中,自......
  • vue框架中:点击图片使得图片放大展示方法
    安装插件cnpminstallv-viewer--save使用npm方式安装可能会报错,安装不上在main.js引用importViewerfrom'v-viewer'import'viewerjs/dist/viewer.css'//Vue.us......
  • Vue组件命名规范之大小写
    定义组件名的方式有两种:使用kebab-caseVue.component('my-component-name',{/*...*/})当使用kebab-case(短横线分隔命名)定义一个组件时,你也必须在引用这个自......