码迷,mamicode.com
首页 > 其他好文 > 详细

Vue环境搭建

时间:2018-05-02 21:04:28      阅读:146      评论:0      收藏:0      [点我收藏+]

标签:href   too   安装   打开   one   col   tao   构建   加载   

Vue>npm>nodejs

https://segmentfault.com/a/1190000009366036

一、          下载安装nodejs

https://nodejs.org/zh-cn/

配置环境变量:

PATH= C:\Program Files\nodejs

二、          更改npm全局模块和cache默认安装位置

  1. 创建相应的文件夹

 技术分享图片

 

 

  1. 使用CMD命令完成配置

npm config set prefix " d:\npm\node_global"

npm config set cache " d:\npm\node_cache"

  1. 设置环境变量:

PATH = d:\npm\node_global;

  1. 配置npm国内镜像:

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

技术分享图片

 

三、          安装vue-cli脚手架构建工具

cnpm install -g webpack

cnpm install -g webpack-cli

cnpm install -g vue

npm install -g vue-cli

 

四、          安装vue调试工具

  1. 使用git命令下载项目

git clone https://github.com/vuejs/vue-devtools

  1. 下载安成之后打开cmd进入vue-devtools文件夹把依赖装好cnpm install 之后再进行cnpm run build
  2. 打开Chrome里面的更多工具 > 点击扩展程序 > 点击开发者模式
  3. 再点击加载已解压的扩展程序,然后把shells>chrome这个文件夹放入就ok了
  4. 技术分享图片

     

 

Vue环境搭建

标签:href   too   安装   打开   one   col   tao   构建   加载   

原文地址:https://www.cnblogs.com/DONG-99/p/8981776.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!