美文网首页
Vue 开发环境

Vue 开发环境

作者: YANG_LIVE | 来源:发表于2022-02-14 17:16 被阅读0次

一、node.js 安装

  1. 下载node
    下载地址:http://nodejs.cn/download/
    node.js的zip包安装时是直接解压缩后 启动node.exe 安装 可以了

    node
  2. 安装完后 在目录里 添加 文件夹 node-cache ;node-global


    node-cache ;node-global
  3. 设置系统环境变量 Path 路径
    ①node 安装的根目录
    D:\MES_YANG_GIT\Node.js
    ②添加的文件夹 node-global 的路径
    D:\MES_YANG_GIT\Node.js\node-global

    图片.png
  4. 命令行中输入node -v 来查看安装版本和是否安装成功


    图片.png
  5. 修改npm配置
    命令行配置npm的全局模块的存放路径以及cache的路径,可以用一下两个命令完成。
    npm config set prefix "D:\MES_YANG_GIT\Node.js\node-global"
    npm config set cache "D:\MES_YANG_GIT\Node.js\node-cache"
    这样此后所安装的模块都会安装到改路径下。

  6. 测试 npm install -g grunt-cli


    npm install -g grunt-cli

二、webpack安装

  1. 命令行 npm install webpack webpack-cli -g


    npm install webpack webpack-cli -g
  2. 查看webpack 安装版本(是否安装) webpack -v


    webpack -v

三、vue/cli安装

  1. 安装vue-cli 命令行 npm install -g @vue/cli


    npm install -g @vue/cli
  2. 安装vue ui 命令行 vue ui


    图片.png

创建项目


创建项目
图片.png
图片.png

相关文章

  • 前端环境搭建

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

  • Mac上搭建vue环境

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

  • vue-cli2 关于 开发环境 、测试环境、 生产环境的配置

    (原文链接:vue-cli2:区分开发、测试、生产环境_阵雨的博客-CSDN博客_vue生产环境和开发环境区别[h...

  • Vue.js 安装、搭建及创建

    windows环境搭建Vue开发环境 运行下载的Vue demo https://www.cnblogs.com/...

  • 用nodejs(npm)安装vue.js全过程

    一、开发环境 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接...

  • 使用cnpm来安装vue

    一、开发环境 vue推荐开发环境: Node.js: javascript运行环境(runtime),不同系统直接...

  • Vue

    搭建Vue开发环境1.必须要安装node.js2.搭建vue的开发环境,安装vue的脚手架工具 官方命令行工具n...

  • 2020-09-22

    搭建vue开发环境的步骤 在搭建vue的开发环境之前,一定一定要先下载node.js,,vue的运行是要依赖于no...

  • vue多页应用

    vue如何将单页面改造成多页面应用 vue单页多页的开发环境配置+vue的开发思路

  • vue-cli构建项目配置全过程

    用vue开发微信平台项目可以搭配vux开发,vux-ui风格类似weui。 开发环境:node 7.5.0vue-...

网友评论

      本文标题:Vue 开发环境

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