vue,vue-cli,webpack安装

2020-09-07 0条评论 422次阅读 0人点赞

名称解释

npm: Nodejs下的包管理器.
webpack: 它主要的用途是通过CommonJS的语法把所有浏览器端需要发布的静态资源做相应的准备，比如资源的合并和打包.
vue-cli: 用户生成Vue工程模板。（帮你快速开始一个vue的项目,包含基础的依赖库，只需要npm install就可以安装）

安装
1.下载nodejs

去https://nodejs.org/en/下载推荐版本，一路next安装完成。
进入dos环境下，查看环境变量 echo %PATH%,查看nodejs版本 node -v

2.设置npm,npm-cache到对应的安装目录下

npm config set prefix "D:\nodejs\node_global"
npm config set cache "D:\nodejs\node_cache"

3.设置npm的本地仓库

npm list -global

4.配置镜像站并检查镜像站

npm config set registry=http://registry.npm.taobao.org 
npm config get registry

5.查看vue的信息

npm install npm -g
npm -v

6.查看global里面有什么模块

npm list -global

7.增加环境变量
NODE_PATH d:\nodejs\node_global\node_modules

8.测试npm 安装vue.js,vue-router,vue-cli

npm install vue -g
npm install vue-router -g
npm install vue-cli -g
path环境变量增加 d:\nodejs\node_global

9.创建和运行项目

vue init webpack vue01
cd vue01
npm install
npm run dev
点赞