坚持
  • 微信

当前位置:首页 > 前端技术 > VUE >

VueCli安装

作者:管理员 时间:2021-10-20 阅读数: 2613人阅读

安装node及npm,以W为例,以管理员身份运行cmd命令 (Win + X +A)(命令提示符(管理员)),在cmd窗口输入下载的node.js安装包所在位置(例:msiexec /package D:\node-v12.18.2-x64.msi),按照提示安装完成。

PS C:\Windows\system32> msiexec /package G:\desktop\node-v14.18.1-x64.msi

安装nrm,切换国内镜像,一般我用淘宝。

E:\vue>npm install nrm -g

微信图片_20211020173235.png

如果安装过老的版本的Vue-Cli,现在卸载

npm uninstall vue-cli -g

11.png

安装vue新的版本脚手架

E:\vue>npm install -g @vue/cli

11.png

创建一个vue项目

E:\vue>vue create test

11.png

11.png

11.png

11.png

11.png

等待安装完成,进入项目

E:\vue>cd test
E:\vue\test>  npm run serve

11.png

访问安装好的项目,可以正常访问

11.png