Vue基础配置讲解

 更新时间:2019年11月29日 08:29:25   作者:Ubu  
在本篇文章里小编给大家整理的是关于Vue基础配置讲解内容,有兴趣的朋友们可以学习下。

环境为Centos7,首先下载nodejs和npm的压缩包,两个在一起的,解压后进入bin目录,用ln -s 命令把里面的npm和node软连接到/usr/bin/目录下,然后退出此目录,node -v查看版本及检查安装成功。

再次进入刚刚解压的bin目录,输入命令

npm install -g cnpm --registry=https://registry.npm.taobao.org

安装淘宝镜像,此方法借鉴的菜鸟教程的vue教程。(安装完成后可能也要软连接一下)

安装webpack打包器,命令(安装完了同样可能要软连接一下,看你们自身情况)

cnpm install -g webpack

接下来安装vue-cli,键入命令

cnpm install --global vue-cli

这个安装完了可能也要软连接,

最后就可以创建工程了,创建个新文件夹存放vue工程,在此文件夹下输入

vue init webpack MyVueProject

然后就是一路enter,遇到一个Use ESLint的时候选no,要不然可能会遇到莫名其妙的错误

最后让你下载东西,选最后一个手动,他就叫你输入npm什么的,把npm换成我们的cnpm,后面的照抄,然后就差不多,不然npm下载会很慢。环境配置好了,项目也创建好了接下来继续写篇初学习vue的记录。

以上就是本次介绍的全部内容,感谢大家对脚本之家的支持。

相关文章

  • 移动端滑动切换组件封装 vue-swiper-router实例详解

    移动端滑动切换组件封装 vue-swiper-router实例详解

    这篇文章主要介绍了移动端滑动切换组件封装 vue-swiper-router实例详解,需要的朋友可以参考下
    2018-11-11
  • vue中使用gantt-elastic实现可拖拽甘特图的示例代码

    vue中使用gantt-elastic实现可拖拽甘特图的示例代码

    这篇文章主要介绍了vue中使用gantt-elastic实现可拖拽甘特图,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2022-07-07
  • Vue3+Vite使用双token实现无感刷新

    Vue3+Vite使用双token实现无感刷新

    本文主要介绍了Vue3+Vite使用双token实现无感刷新,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2023-04-04
  • 解决vue-router路由拦截造成死循环问题

    解决vue-router路由拦截造成死循环问题

    这篇文章主要介绍了解决vue-router路由拦截造成死循环问题,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue实现大文件切片上传的示例详解

    vue实现大文件切片上传的示例详解

    前端上传文件很大时,会出现各种问题,比如连接超时了,网断了,都会导致上传失败,这个时候就需要将文件切片上传,下面我们就来学习一下如何使用vue实现大文件切片上传吧
    2023-11-11
  • 详解Vue进阶构造属性

    详解Vue进阶构造属性

    这篇文章主要介绍了Vue进阶构造属性,从4个方面来进行讲解:Directive、Mixin 混入、Extends 继承、provide 和 inject,感兴趣的小伙伴们,赶快来看一下
    2021-05-05
  • vue3获取url地址参数的示例详解

    vue3获取url地址参数的示例详解

    这篇文章主要介绍了vue3获取url地址参数,Vue3 获取地址栏参数有两个方式:查询参数和路径参数,文中结合示例代码给大家详细讲解,需要的朋友可以参考下
    2023-04-04
  • vue如何实现本项目页面之间跳转

    vue如何实现本项目页面之间跳转

    这篇文章主要介绍了vue如何实现本项目页面之间跳转,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue引入ueditor及node后台配置详解

    vue引入ueditor及node后台配置详解

    这篇文章主要介绍了vue引入ueditor及node后台配置详解,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-01-01
  • vue不操作dom实现图片轮播的示例代码

    vue不操作dom实现图片轮播的示例代码

    这篇文章主要介绍了vue不操作dom实现图片轮播的示例代码,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2019-12-12

最新评论