打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
创建一个vue项目、npm换源
userphoto

2023.01.16 江苏

关注

1.安装node和npm
2.换源:换成淘宝镜像或其他(可选)

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

3.安装vue-cli

npm install vue-cli -g      //全局安装 vue-cli

安装完成后用vue list命令查看是否安装成功
4.创建项目

vue init webpack  ”项目名称“

5.下载所有项目依赖包

npm install

6.解决ie兼容问题

1、npm install --save-dev babel-polyfill
2、在main.js中引入: import 'babel-polyfill'

7.运行开发环境

cnpm run dev

8.生产环境打包

cnpm build

devDependencies 里面的插件只用于开发环境

npm install module_name -S    即    npm install module_name --save 的缩写    安装至package.js的dependencies目录

dependencies 是需要发布到生产环境的

npm install module_name -D    即    npm install module_name --save-dev的缩写 安装至package.js的devDependencies目录

npm install module_name -g 全局安装;

npm换源方法

一、使用淘宝镜像
1.临时使用

npm --registry https://registry.npm.taobao.org install express

2.持久使用

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

3.通过cnpm,运行下面的命令以后安装插件只需要使用cnpm intall即可。

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

4.换为其他源安装插件后再换回淘宝源

cu-xxxxx 安装:
安装:
① npm install cnpm -g
② cnpm config set registry='http://xxxx.xxx.com/repository/'
③ cnpm install cu-xxxxx
④ cnpm config set registry https://registry.npm.taobao.org

二、使用官方镜像
npm config set registry https://registry.npmjs.org/

三、查看npm源地址
npm config get registry

npm install <package>  --save-dev     # 本地安装
 npm  uninstall <package>				 # 卸载本地安装
npm install <package> -g   # 全局安装
npm  uninstall <package>	-g			 # 卸载本地安装


npm install less less-loader --save-dev		//安装多个包
本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
切换npm源
Win7 本地安装 Node 12.1.4
spring boot + vue + element
前端脱坑记-查漏补缺,汇总大家高频问题与不靠谱解决方案(上)
使用webstorm来创建并且运行vue项目
使用nvm安装node,全局npm,cnpm
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服