安装Vue CLI
安装Vue CLI
1.安装Vue CLI=>3
npm install -g @vue/cli
2.检验Vue CLI版本
vue -V
3.创建vue project
vue create projectname
4.拉取2.x模板
有时后会使用Vue CLI2.x的项目模板,就需要拉取2.x的模板下来
#Vue CLI2.x
npm install -g @vue/cli-init
#2.x的项目创建方式
vue init webpack my-project
5.Vue CLI2.x和3.x以上的vue project目录对比
3.x以上
myvue
|- package.json
|- package-lock.json
|- babel.config.js
|- README.md
+ |- /src
|- App.vue
|- main.js
|- /assets
|- logo.png
|- /components
|- HelloWorld.vue
+ |- /public
|- favicon.ico
|- index.html
+ |- /node_modules
2.x
这里有些测试选项没有选
myvue
|- package.json
|- package-lock.json
|- index.html
|- README.md
+ |- /src
|- App.vue
|- main.js
|- /assets
|- logo.png
|- /components
|- HelloWorld.vue
|- /router
|- index.js
+ |- /build
|- build.js
|- check-versions.js
|- logo.png
|- utils.js
|- vue-loader.conf.js
|- webpack.base.conf.js
|- webpack.dev.conf.js
|- webpack.prod.conf.js
+ |- /node_modules
+ |- /static
+ |- /config
|- dev.env.js
|- index.js
|- prod.env.js
结构分析:https://www.cnblogs.com/goloving/p/8693189.html
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 分享4款.NET开源、免费、实用的商城系统
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了
· 上周热点回顾(2.24-3.2)