前端构建vue+webpack项目的环境安装

环境要求

1. 检查是否安装node.js运行环境

• 直接官网下载node
• 使用node管理工具nvm安装推荐
  优点：多node版本切换
  git上直接下载nvm:点我

nvm的使用
下载特定版本的node  比如8.0.0   nvm install v8.0.0   再下一个  nvm install v9.0.0
切换到8.0.0   nvm use 8.0.0

然后 有一些指令 可以 需要你掌握
nvm install ## 安装指定版本，可模糊安装，如：安装v6.2.0，既可nvm install v6.2.0，又可nvm install 6.2
nvm uninstall ## 删除已安装的指定版本，语法与install类似
nvm use ## 切换使用指定的版本node
nvm ls ## 列出所有安装的版本
nvm ls-remote ## 列出所以远程服务器的版本（官方node version list）
nvm current ## 显示当前的版本
nvm alias ## 给不同的版本号添加别名
nvm unalias ## 删除已定义的别名
nvm reinstall-packages ## 在当前版本node环境下，重新全局安装指定版本号的npm包

//终端输入验证
node -v

2. 检查是否安装npm和cnpm包管理程序

• node一般自带npm
• 注册cnpm

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

//终端输入
npm -v
cnpm -v  // 淘宝镜像专用通道

3. 检查是否安装webpack构建工具

npm i webpack -g --save-dev//--save-dev写入本地项目的package.json
npm i webpack-cli -g --save-dev

//终端输入
webpack -v // 这个必须是项目里有安装，然后到项目目录下才能用这个命令检查版本
npm webpack -v // 注意这是查询安装全局的webpack

4. 检查是否安装vue-cli手脚架

npm i @vue/cli @vue/cli-init -g

npm install vue  // 安装vue
//终端输入，这里是大写的"V"
vue -V

确定以上环境都没问题后，那么我们就往前走，构建项目开始。