node.js安装(推荐下载18.0.0版本,里面集成了npm管理工具):
可通过node -v和npm -v查看node.js和npm的版本:
vue和vue-cli安装(vue-cli是vue的脚手架(脚手架:可理解为一个完整的项目)):
可通过vue -V查看vue的版本:
安装步骤如下所示(下载速度有点慢,请耐心等待):
1:? ?按win+r键,输入cmd命令
2:? ?先用npm下载cnpm镜像:(通过镜像来下载vue和vue-cli要快点)
npm install -g cnpm --registry=https://registry.npm.taobao.rg
3:? ?安装vue,命令如下:
cnpm?install vue
4: 安装vue-cli,命令如下:
cnpm install?--global vue-cli
webpack和webpack-cli安装:
可通过webpack?-v查看webpack和webpack-cli的版本:
?安装步骤如下所示(下载速度有点慢,请耐心等待):
1:? ?按win+r键,输入cmd命令
2:? ?用npm下载webpack:(webpack用于项目打包)
npm install webpack -g
3:? ?用npm下载webpack-cli:(webpack-cli处理命令行参数(可不用下载))
npm install webpack-cli -g
VUE环境搭建已完成:
现在可以在自己的工作目录创建自己的项目了,可通过下面命令来构建vue项目:
1:? ?vue init webpack 项目名
在项目目录下,需执行一下命令:
2:?? npm install
3:? ?npm run dev?
各广大编程爱好者,如以上方法搭建失败,可通过下方二维码,群里有相应的解决方案:
|