VUE环境搭建

VUE环境搭建,第1张

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 

各广大编程爱好者,如以上方法搭建失败,可通过下方二维码,群里有相应的解决方案:

欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/langs/796610.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-06
下一篇 2022-05-06

发表评论

登录后才能评论

评论列表(0条)

保存