前端VUE:开发环境搭建

4,308 阅读1分钟

官网下载安装nodeJS

官网地址:nodejs.org/en/download…

并配置环境变量;

环境配置

  • 在安装目录创建如下文件夹:

    node_cache node_global

  • 环境配置主要配置的是npm安装的全局模块所在的路径,以及缓存cache的路径;

  • cmd 执行如下命令:

      npm config set prefix "D:\Program Files\nodejs\node_global"
      npm config set cache "D:\Program Files\nodejs\node_cache"
    

D:\Program Files\nodejs\node_cache;D:\Program Files\nodejs\

D:\Program Files\nodejs\node_global\node_modules

D:\Program Files\nodejs\

修改npm的registry为淘宝镜像(npm.taobao.org):

1.npm包使用阿里的淘宝源

直接在命令行设置

npm config set registry https://registry.npm.taobao.org

检测是否成功

npm config get registry

https://registry.npm.taobao.org

安装vueJS 调试工具 devtools

  • 下载压缩包 github.com/vuejs/vue-d…
  • 打开项目下载依赖执行npm install
  • npm run build
  • 修改manifest.json 中的属性"persistent":true
  • 打开谷歌浏览器的扩展程序功能,勾选开发者模式
  • 将shells>chorme文件夹直接拖到页面中,完成安装

Now you kan create a new world!

你可以创造一个新世界了