当前位置: 首页 > article >正文

脚手架vue-cli,webpack模板

先安装node.js,它是服务器端,用于给页面提供服务。前端学习不需要会node.js,只需要学会node.js衍生出来的npm命令即可。

npm 是node.js的一个工具,作用是进行包管理,npm是node.js的包管理器。


接着安装脚手架,再通过脚手架来搭建vue.js项目。(脚手架:vue-cli)

npm install -g vue-cli     或者npm install -g @vue/cli-init



在创建vue.js项目时有很多命令可用,其中webpack是使用频率最高的,在此只需要会用webpack模板创建项目即可



根据这两个命令来输入,进入vue2--文件夹,运行创建好的Vue.js项目

(如果这个过程报错,说明vue.js项目没有安装相应的依赖包,需要使用npm install来安装)

(如果安装依赖包过程出现 unexpected end of json......这样的提示,需要用npm cache clean --force 清除安装缓冲,再重新安装一次)

根据提示在浏览器中访问该地址就可以打开运行好的vue.js项目了。


vscode打开文件夹



仅仅是写标签就报一堆错?

ctrl+,打开vscode设置,搜索eslint.enable,将勾取消(也就是关闭eslint)


http://www.kler.cn/a/400429.html

相关文章:

  • 资源管理功能拆解——如何高效配置和管理项目资源?
  • 高斯数据库Postgresql死锁和锁表解决方法
  • MATLAB深度学习(三)——LeNet卷积神经网络
  • 独立站干货:WordPress主机推荐
  • Python高级编程模式和设计模式
  • CTF攻防世界小白刷题自学笔记14
  • Flink算子
  • Vue 3 中 ref 属性详解:操作 DOM 元素的利器
  • Python的3D可视化库 - vedo (1)简介和模块功能概览
  • ThinkPHP6的ORM模型
  • hive-内部表外部表-详细介绍
  • Java 网络编程:Socket 与网络通信
  • Jtti:服务器总是自动重启怎么办?
  • 如何保存python文件
  • 最新6.7分非肿瘤纯生信,使用机器学习筛选慢阻肺中的关键基因。机器学习在非肿瘤生信文章中正火,可重复!
  • Python自动化DevOps任务入门
  • stm32学习笔记----51单片机和stm32单片机的区别
  • w043基于springboot的“衣依”服装销售平台的设计与实现
  • postgresql(功能最强大的开源数据库)继承特性和分区实现
  • STM32 ADC --- DMA乒乓缓存