前端构建vue+webpack项目的环境安装 - Go语言中文社区

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


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

环境要求

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

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

在这里插入图片描述
确定以上环境都没问题后,那么我们就往前走,构建项目开始。

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/maichaoqun/article/details/106037280
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2020-06-27 21:21:08
  • 阅读 ( 1084 )
  • 分类:前端

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢