- 下载nodejs
http://nodejs.cn/download/
2. 下载好之后, 我在D盘新建了node文件夹, 将nodejs安装到此位置, (傻瓜式安装就好)安装好之后, 在此地址栏输入cmd
3. 输入node -v
, 会出现相应的版本号
4. 使用淘宝 NPM 镜像定制的 cnpm (gzip 压缩支持) 命令行工具代替默认的 npm:
npm install -g cnpm --registry=https://registry.npm.taobao.org
淘宝 NPM 镜像网址 : https://developer.aliyun.com/mirror/NPM?from=tnpm
- 最后再来一个 yarn
npm install -g yarn
yarn 相比 npm 优点 :
速度快
安装版本统一
输出简洁
多注册来源处理
更好的语义化
- 转换淘宝源和官方源
npm config set registry http://registry.npm.taobao.org/
npm config set registry https://registry.npmjs.org/
yarn config set registry http://registry.npm.taobao.org/
yarn config set registry https://registry.npmjs.org/
- 设置代理
npm config set proxy http://127.0.0.1:8080
npm config set https-proxy http://127.0.0.1:8080
yarn config set proxy http://127.0.0.1:8080
yarn config set https-proxy http://127.0.0.1:8080
- 删除代理
npm config delete proxy
npm config delete https-proxy
yarn config delete proxy
yarn config delete https-proxy
检查是否安装上
- 安装vue-cli(全局安装vue-cli)
cnpm install vue-cli -g
yarn global add @vue/cli
然后就可以进行前端开发啦
vue-cli开发项目 打包及运行
修改目录
改变原有默认的全局安装目录
使用全局安装会将库安装到你的全局目录下。
查看全局安装目录
npm root -g
我的修改前的全局目录是:
C:\Users\Administrator\AppData\Roaming\npm\node_modules
修改默认全局安装目录,使用命令 :
npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"
问题
如果出现vue不是内部命令…
则把D:\nodejs\node_global
添加到path环境变量中