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 全局安装;
一、使用淘宝镜像
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 //安装多个包
联系客服