首页 > 技术分享 > Vue
收藏

安装配置npm,创建vue-cli脚手架

05/11 21:55
大潇博客 原创文章,转载请标明出处

安装npm

创建vue-cli脚手架,需要先安装node.js。

下载网址:http://nodejs.cn/download/ 或 https://nodejs.org/zh-cn/download

建议下载长期支持版本。


安装界面为英文,一直点下一步基本就可以。


以windows为例,安装完成后,打开cmd窗口,如果本身就打开了,需要关闭窗口重开一下,输入echo %PATH%,路径中若出现nodejs和npm相关,即成功。

image.png


输入npm -v查看当前版本:

image.png


创建vue-cli脚手架

npm install -g @vue/cli

-g表示全局安装,可省略,不带-g会将node_modules安装到当前目录。

可能会出现如下错误:

image.png

这是在提示某个npm包已不再推荐使用,构成原因包括但不限于:npm的版本过高或过低、npm镜像问题、缺少package.json等,可以尝试更换镜像源,也可以暂时忽略。

npm config set registry https://registry.npmmirror.com


在linux系统中,vue脚手架提示安装成功,使用vue命令却提示:-bash: vue: command not found。

首先查看npm全局路径:

npm root -g

进入全局路径下面的@vue/cli/bin目录,可以看到vue.js,将vue.js软连接到/usr/bin/vue,以上面路径为例:

ln -s /opt/node-v20.18.0-linux-x64/lib/node_modules/@vue/cli/bin/vue.js /usr/bin/vue

再次查看vue脚手架版本:

若存在问题可以重新指定npm全局路径,比如指定为/www目录:

npm config set prefix /www

新路径为:/www/lib/node_modules,创建vue脚手架时会自动生成lib和bin目录。


创建成功后,通过下面命令查看vue-cli脚手架版本:

vue -V

vue --version

QQ图片20220511231910.png


相关文章:
打赏

上一篇:第一页

下一篇:使用vue脚手架搭建项目

阅读排行

大家都在搜

博客维护不易,感谢你的肯定
扫码打赏,建议金额1-10元
  • 15601023311