美文网首页
Vue环境搭建

Vue环境搭建

作者: DarknessShadow | 来源:发表于2020-04-19 23:22 被阅读0次
  • 1、NodeJS的安装
    官网下载:https://nodejs.org/en/download/current/


    验证是否安装成功,进入到命令行中,输入指令:node -v,如下图表示安装成功
  • 2、npm搭建
    此处说明下:新版的Node.js已自带npm,安装Node.js时会一起安装,npm的作用就是对Node.js依赖的包进行管理,也可以理解为用来安装/卸载Node.js需要装的东西

    配置NodeJS的环境变量
    创建完两个空文件夹之后,打开cmd命令窗口,输入
    npm config set prefix "D:\Develop\nodejs\node_global"
    npm config set cache "D:\Develop\nodejs\node_cache"

由于在国内使用npm是非常慢的,所以在这里我们推荐使用淘宝npm镜像,使用
淘宝的cnpm命令管理工具可以代替默认的npm管理工具:$ npm install -g cnpm --registry=https://registry.npm.taobao.org


测试
全局安装vue-cli脚手架,输入命令:cnpm install --global vue-cli 回车;验证是否安装成功,在命令输入vue,出来vue的信息,及说明安装成功;

对一个现有的项目进行初始化获取它的依赖



参考资料:
https://www.cnblogs.com/liuqiyun/p/8133904.html
https://www.cnblogs.com/winter92/p/7117057.html
https://www.cnblogs.com/laizhouzhou/p/8027908.html

相关文章

  • 前端环境搭建

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

  • vue+ionic

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

  • Vue之ToDoList实战

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

  • vue-vscode开发环境搭建

    vue-vscode环境搭建

  • Mac上搭建vue环境

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

  • vue-cli单页面应用

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

  • Vue开发环境搭建与创建项目

    Vue开发环境的搭建,直接看大神写的教程吧:Vue环境搭建[https://blog.csdn.net/wu__d...

  • Express+Vue+MongoDB

    环境搭建 首先要安装vue-cli和express-generator 使用手脚架搭建vue环境和express环...

  • 2019-06-15

    Node.js、Vue.js 运行环境搭建记录 参考链接:Vue.js 运行环境搭建详解(基于windows的手把...

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

网友评论

      本文标题:Vue环境搭建

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