安装npm
创建vue-cli脚手架,需要先安装node.js。
下载网址:http://nodejs.cn/download/ 或 https://nodejs.org/zh-cn/download
建议下载长期支持版本。
安装界面为英文,一直点下一步基本就可以。
以windows为例,安装完成后,打开cmd窗口,如果本身就打开了,需要关闭窗口重开一下,输入echo %PATH%,路径中若出现nodejs和npm相关,即成功。
输入npm -v查看当前版本:
创建vue-cli脚手架
npm install -g @vue/cli
-g表示全局安装,可省略,不带-g会将node_modules安装到当前目录。
可能会出现如下错误:
这是在提示某个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
上一篇:第一页
下一篇:使用vue脚手架搭建项目