美文网首页
九、第一个vue-cli项目

九、第一个vue-cli项目

作者: 让你变好的过程从来都不会很舒服 | 来源:发表于2022-10-17 22:39 被阅读0次

什么是vue-cli

vue-cli官方提供的一个脚手架,用于快速生成一个vue的项目模板;
  预先定义好的目录结构及基础代码,就好比咱们在创建Maven项目时可以选择创建一个骨架项目,这个估计项目就是脚手架,我们的开发更加的快速;
项目的功能

  • 统一的目录结构
  • 本地调试
  • 热部署
  • 单元测试
  • 集成打包上线

9.2、需要的环境

确认nodejs安装成功:

  • cmd下输入node -v,查看是否能够正确打印出版本号即可!
  • cmd下输入npm -v,查看是否能够正确打印出版本号即可!
    这个npm,就是一个软件包管理工具,就和linux下的apt软件安装差不多!
      安装Node.js淘宝镜像加速器(cnpm)
      这样的话,下载会快很多~
# -g 就是全局安装
npm install cnpm -g
 
# 或使用如下语句解决npm速度慢的问题
npm install --registry=https://registry.npm.taobao.org

安装的过程可能有点慢~,耐心等待!虽然安装了cnpm,但是尽量少用!
  安装的位置:C:\Users\administrator\AppData\Roaming\npm

初始化并运行

cd myvue
npm install
npm run dev

项目运行成功后
在浏览器中打开链接:


相关文章

网友评论

      本文标题:九、第一个vue-cli项目

      本文链接:https://www.haomeiwen.com/subject/hrrszrtx.html