常用的前端配置命令

npm

测试:npm -v
初始化项目:npm init -y 会产生一个package.json文件
安装模块:npm i 模块名@版本号(版本号可以不写,不写默认为最新版本) 参数
参数:-g(全局安装) --save-dev(本地安装) --save(本地安装(开发依赖))
删除模块:npm uninstall 模块名 参数
清除缓存:npm cache clear -f

nrm

安装:npm install nrm -g
查看版本号:nrm --version
查看镜像列表:nrm ls
查看nrm镜像源地址网速:nrm test
切换镜像源地址:nrm use 原名称

vue脚手架安装

运行:npm run dev
查看版本:vue -V
安装vue2.x版本
安装cnpm
npm install -g cnpm --registry=https://registry.npm.taobao.org
全局安装webpack
npm install webpack -g
安装vue-cli脚手架构建工具
npm install vue-cli -g
准备一个文件夹
安装vue脚手架
vue init webpack 项目名称
除Use ESLint to lint your code选n之外,其他都选y或回车
安装项目依赖
npm i
安装vue路由模块vue-router和网络请求模块vue-resource
npm install vue-router vue-resource --save
安装vue3.x/4.x
安装
npm install -g @vue/cli 装3/4
npm install -g @vue/cli-init 桥接2
初始化开发环境
vue create 目录
打包:npm run build
卸载
//卸载3.0之前的版本
npm uninstall -g vue-cli
yarn global remove vue-cli
//卸载3.0之后的版本(可以统一使用此指令卸载)
npm uninstall -g @vue/cli
yarn global remove @vue/cli
引入组件
import 组件名 from ‘文件名’

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值