- 安装
npm install -g vue-cli
vue init webpack vue_demo
(自定义项目名称)cd vue_demo
切换到项目目录中npm run dev
启动项目- 更高版本 版本升级后
- 解决问题方式1:
- 卸载原有的
vue-cli 2.9.6 npm uninstall vue-cli
- 安装高版本的
vue-cli 5.0.1 npm install @vue/cli
- 卸载原有的
- 解决问题方式2:
- 直接升级vue-cli 版本
npm update -g @vue/cli
- 直接升级vue-cli 版本
- 解决问题方式1:
- 项目结构说明
- |---
node_moudule
== 项目中安装的依赖模块 - |---
src
== 源码位置 开发目录 - |---
main.js
== 打包编译的入口文件 - |---
App.vue
== 项目页面入口文件、vue组件 - |---
components
== 当前项目的公共子组件目录 - |---
views
== 路由组件 -- 当前项目的其他组件 - |---
assets
== 资源文件夹 一般放一些静态资源 - |---
router
== 当前项目的路由文件 - |---
store
== 当前项目的状态文件 - |---
public
== 纯静态资源 - |---
index.html
== 入口模块文件 - |---
babel.config.js
==babel
配置文件 - |---
gitnore
== 用来过滤一些版本控制的文件 - |---
package.json
== 项目文件,记载一些命令和依赖还有简要的项目描述信息 - |---
README.md
== 介绍自己项目 ,可参照github
中star多的项目 - |---
vue.config.js
== vue实例配置文件
- |---
vue cli 脚手架安装
最新推荐文章于 2024-08-15 19:41:48 发布