vue环境搭建简单教程

 更新时间:2017年11月07日 10:38:45   作者:匿名的girl  
这篇文章主要介绍了vue环境搭建简单教程,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

要使用vue来开发前端框架,首先要有环境,这个环境要借助于node,所以要先安装node,借助于node里面的npm来安装需要的依赖等等。

①安装nodejs

https://nodejs.org

下载nodejs,(lts)安装的时候,点击同意,一路next就可以。

会自带一个npm(npm是个包管理器,有啥用?是个仓库,需要用到啥 直接npm install packageName就可以了)

测试:

②安装cnpm(淘宝镜像,)

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

③安装vue-cli

windows电脑,同时按下widnows+r,输入cmd,点击回车,进入到命令行模式;

在命令行中输入以下指令,最后点击回车
(npm install vue-cli -g (cnpm在安装好淘宝镜像后和npm等同))cnpm install --global vue-cli

④安装webpack

npm install webpack -g

  

④根据vue-cli安装后提供的vue指令创建模板项目

  使用老师提供的模板压缩包(tpls.zip)

  tpls.zip我已经上传在在文件下“资料”里

放在D盘,新建vue_cli,将解压后的每个文件复制到vue_cli中。

⑤安装项目需要用到的依赖

将上述文件夹解压缩之后,进入到该目录中执行指令:

cnpm install

⑥执行指令,启动开发服务器

npm run dev

注意:如果淘宝镜像安装失败,解决办法:

先设置代理为空 npm config set proxy null,然后再次安装淘宝镜

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

相关文章

  • vue自定义权限标签详细代码示例

    vue自定义权限标签详细代码示例

    这篇文章主要给大家介绍了关于vue自定义权限标签的相关资料,在Vue中你可以通过创建自定义组件来实现自定义标签组件,文中给出了详细的代码示例,需要的朋友可以参考下
    2023-09-09
  • ant design vue中表格指定格式渲染方式

    ant design vue中表格指定格式渲染方式

    这篇文章主要介绍了ant design vue中表格指定格式渲染方式,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • Vue 实现列表动态添加和删除的两种方法小结

    Vue 实现列表动态添加和删除的两种方法小结

    今天小编就为大家分享一篇Vue 实现列表动态添加和删除的两种方法小结,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue请求数据的三种方式

    vue请求数据的三种方式

    这篇文章主要介绍了vue请求数据的三种方式,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-03-03
  • 理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理

    理解Vue2.x和Vue3.x自定义指令用法及钩子函数原理

    这篇文章主要介绍了理解Vue2.x和Vue3.x的自定义指令的用法及钩子函数原理,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪
    2021-09-09
  • vue $set 给数据赋值的实例

    vue $set 给数据赋值的实例

    今天小编就为大家分享一篇vue $set 给数据赋值的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2019-11-11
  • vue中如何使用ztree

    vue中如何使用ztree

    这篇文章主要介绍了vue中如何使用ztree,包括配置package.json,自动加载jquery的方法,本文给大家介绍的非常详细,具有参考借鉴价值,需要的朋友可以参考下
    2018-02-02
  • vue3使用vue-router及路由权限拦截方式

    vue3使用vue-router及路由权限拦截方式

    这篇文章主要介绍了vue3使用vue-router及路由权限拦截方式,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-04-04
  • vue项目netWork地址无法访问的问题及解决

    vue项目netWork地址无法访问的问题及解决

    这篇文章主要介绍了vue项目netWork地址无法访问的问题及解决方案,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • 详解vue中v-model的实现原理

    详解vue中v-model的实现原理

    v-model可以实现数据的双向绑定,也是vue的最突出的优势,其实 v-model 实际上是一个语法糖,本文将给大家介绍一下vue中v-model的实现原理,文中有相关的代码供大家参考,具有一定的参考价值,需要的朋友可以参考下
    2023-12-12

最新评论