欢迎访问 生活随笔!

凯发ag旗舰厅登录网址下载

当前位置: 凯发ag旗舰厅登录网址下载 > 前端技术 > vue >内容正文

vue

vue-凯发ag旗舰厅登录网址下载

发布时间:2025/1/21 vue 17 豆豆
凯发ag旗舰厅登录网址下载 收集整理的这篇文章主要介绍了 vue-cli4脚手架搭建实战教程 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

vue需要通过webpack打包,而webpack是基于node的,所以要先安装nodejs环境。

#安装cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org #验证cnpm是否安装成功 cnpm -v #安装facebook的yarn包管理工具(取代npm) npm install yarn


验证vue-cli是否已安装

安装vue-cli命令

$ cnpm install -g @vue/cli

验证是否安装成功:

卸载vue-cli

如果需要卸载脚手架,使用如下命令:

#2.x版本使用的卸载命令 cnpm uninstall vue-cli -g #3.x 4.x版本使用的卸载命令 cnpm uninstall @vue/cli -g




#创建项目 vue-app是项目名称 $ vue create vue-app

ps: 使用gitbash出现方向键失效无法选择的问题,所以使用默认的cmd窗口来演示。



ps:此处 choose vue version要取消选中,因为选择了3.x版本后导致报错。


使用vue-cli3创建项目的时候出错,error command failed: npm install --loglevel error --registry 解决方法: https://blog.csdn.net/tangkthh/article/details/88787714
  • 本次报错直接执行了清除npm缓存后问题解决。
npm cache clean --force


访问:

  • yarn.lock是存储文件备份之类的
  • babel.config.js是打包配置文件,类似webpack
  • public目录存储一些公共的资源文件,比如logo图片,图标等

总结

以上是凯发ag旗舰厅登录网址下载为你收集整理的vue-cli4脚手架搭建实战教程的全部内容,希望文章能够帮你解决所遇到的问题。

如果觉得凯发ag旗舰厅登录网址下载网站内容还不错,欢迎将凯发ag旗舰厅登录网址下载推荐给好友。

  • 上一篇:
  • 下一篇:
网站地图