Vue环境搭建

Posted 2020-11-02 dong-99

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.