一:安装
设置npm的淘宝镜像:
npm config set registry  https://registry.npm.taobao.org/  #设置淘宝镜像地址
npm config get registry  #查看镜像地址
全局安装命令:
npm install -g @vue/cli
注意: 如果半天没动静(95%都是网速问题), 可以ctrl + c 停止安装,换一个网络环境来继续重新安装。

检查是否安装成功
在任意小黑窗中:vue --version      如果可以看到版本号,就表示安装成功了。
二:vue-cli 创建项目
1. 创建项目:
# vue和create是命令, vuecli-demo是文件夹名
vue create vuecli-demo
2. 选择模板:
通过键盘的上下箭头选择合适的模板,如果选择错了,可以按下ctrl+c终止操作。


 3. 回车安装依赖:
等待脚手架工作自动生成项目文件夹+文件, 并下载必须的第三方包。可能要花很久~~~ 耐心等待


4. 启动项目
进入脚手架项目下, 启动服务,查看效果,打开小黑窗:

cd vuecil-demo
 
npm run serve
 只要看到绿色的 - 啊. 你成功了(底层node+webpack更新服务)


打开浏览器输入上述地址 :


总结
小黒窗中的vue create命令是由@vue/cli提供的。
vue create 用来快速创建项目:会自动创建文件夹
经过以上操作,于是您就安装成功了~
————————————————
版权声明:本文为CSDN博主「T-ihan」的原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接及本声明。
原文链接:https://blog.csdn.net/weixin_50665010/article/details/124570172

Logo

前往低代码交流专区

更多推荐