美文网首页
vue笔记之环境搭建

vue笔记之环境搭建

作者: 紫石南 | 来源:发表于2018-08-03 13:52 被阅读12次

windows系统下环境搭建

  • nodejs
    node官网下载并安装即可,注意新手最好下载LTS版本,防止有新版本兼容的坑。安装好后查看版本:
node -v
  • 使用淘宝镜像
npm install -g cnpm --registry=https://registry.npm.taobao.org/

如果出现以下错误则说明版本不对

npm WARN deprecated socks@1.1.10: If using 2.x branch, please upgrade to at least 2.1.6 to avoid a serious bug with socket data flow and an import issue introduced in 2.1.0

再自行一个命令

cnpm install cnpm@5.3.0

如果还是有warn那就忽略吧。

  • vue-cli
cnpm install vue-cli -g
  • 创建一个demo
vue init webpack vue-demo

一直回车,除了使用router全部选n就行。

  • 运行demo
    进入项目目录后分别执行
cnpm install
cnpm run dev

异常情况处理

  • errno -4048
  1. 用管理员身份运行
  2. 清理缓存
npm cache clean  --force

相关文章

  • Vue之ToDoList实战

    之前的文章windows下搭建vue开发环境,我们已经搭建好了vue的环境,并且写了Vue系列之WebPack与E...

  • vue笔记之环境搭建

    windows系统下环境搭建 nodejsnode官网下载并安装即可,注意新手最好下载LTS版本,防止有新版本兼容...

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • cordova+vue开发Android&IOS

    本文章仅作为个人笔记 cordova官网 vue官网 cordova官方文档 vue官方文档 环境搭建相关就不介绍...

  • 在Intelij idea 环境下搭建vue.js环境

    有道云笔记链接: 在Intelij idea 环境下搭建vue.js环境 Node.js和npm 安装 Node....

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • Mac上搭建vue环境

    // 转发自:vue开发环境搭建Mac版 vue开发环境的搭建由于本人使用的是mac,所以环境是windows的下...

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • 2021-08-25_vue环境搭建后端学习笔记

    20210825_vue环境搭建后端学习笔记 1概述 1.1目录结构 [图片上传失败...(image-a63e4...

网友评论

      本文标题:vue笔记之环境搭建

      本文链接:https://www.haomeiwen.com/subject/snhyvftx.html