vue-cli 3

1.卸载旧版本vue-cli:npm uninstall vue-cli -g
2.安装脚手架,用于生成项目:npm install -g @vue/cli
3.快速原型开发 编译.vue文件:npm install -g @vue/cli-service-global
4.查看vue-cli版本:vue --version 或者 vue -V
5.如果仍然需要使用旧版本vue init 功能,可以全局安装一个桥接工具(拉取旧版本):npm install -g @vue/cli-init
6.vue-cli v4的版本降回v3
npm uninstall -g @vue/cli 卸载4
npm install -g @vue/cli@3.11.0

脚手架相关命令

vue -h : 查看命令帮助
vue create : 创建一个项目
vue add : 增加一个插件
vue inwoke : 在创建好的项目了去调用插件
vue inspect : 检查webpack的配置
vue serve : 启动一个项目
vue build : 打包项目
vue ui: 打开ui库
vue -init : 声明一个项目

项目目录

1.node_modules是nodejs里的模块
2.public目录:index.js为模板文件
3.src目录:开发目录
(3.1) assets:静态资源文件(图片、外部的js文件、外部css文件)
(3.2) components:公共组件文件夹
(3.3) views:非公共组件文件夹
(3.4) App.js :项目的主组件
(3.5) main.js :入口文件
(3.6) router.js :路由配置文件
(3.7) store.js:vue的状态文件

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容