常用的前端配置命令

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 ‘文件名’

你可能感兴趣的:(vue,npm)