vue-cli 搭建vue项目

构建项目

一、安装全局vue-cli脚手架

1、$ npm install -g vue-cli
2、$ vue (安装完成后输入检查vue是否安装成功，成功如图)

二、创建项目

1、首先选择项目存放的位置

2、创建项目
$ vue init webpack myVue (这里不是用npm而是用的vue，这里是创建webpack和vue，myVue名字是自定义)，如图依次操作（看个人情况，我这里有几个选的是NO（n））如图

3、安装依赖 $ npm i

4、现在输入$ npm run dev 命令会报错，因为现在命令行路径还停留在D:\vue，项目所在的位子是D:\vue\myVue,现在把命令行转到项目所在的目录在运行$ npm run dev

5、如果搭建成功在浏览器上如图显示

三、项目结构

build: webpack相关配置文件

config: webpack相关配置文件

jtimg: 配置vue截图img，做项目时删除

node_modules: npm 依赖代码库

src: 项目原码

static: 纯静态资源（直接复制）

test: 单位测试

.babelrc: babe配置

.editorconfig: 编辑器配置

.eslintignore: 忽略语法检测的目录文件

.eslintignore: eslint 配置文件

.gitignore: 忽略提交git的目录

index.html：项目入口文件

package.json: 构建脚本和依赖关系

项目：GitHub

转载于:https://www.cnblogs.com/WRS7/p/9189548.html

vue-cli 搭建vue项目相关推荐

vue = 什么意思_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
cli vue 卸载_记录使用@vue/cli搭建Vue3项目完整流程
最近发现vue两大UI框架Element UI和Ant Design Vue都已经支持Vue3了,如果再不学习Vue3就落伍了,此文章记录下使用@vue/cli搭建Vue3项目完整流程. 1 安装vu ...
vue脚手架搭建配置试调地址和端口号_全栈的自我修养: 002使用@vue/cli进行vue环境搭建 (使用Vue,SpringBoot,Flask完成前后端分离)...
全栈的自我修养: 使用@vue/cli进行vue.js环境搭建 Success, real success, is being willing to do the things that other ...
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目
Vue整合SpringBoot项目实战之Vue+Element-Ui搭建前端项目源码(欢迎star): 前端项目代码后端项目代码系列文章: Vue整合SpringBoot项目实战之后端业务处理 ...
Vue CLI3搭建的项目中，如何给文件夹起别名?
因为这段大年的时间里,好久没写博客了,是好懒散了.真的是少年易老学难成,一寸光阴不可轻啊.浪费一秒钟是一秒钟的罪过. 我们使用Vue CLI3搭建的项目中,在vue.config.js文件中,在给文件 ...
vue CLI脚手架搭项目
1.安装 node.js环境官网下载:https://nodejs.org/en/download/ 一直默认就行,路径可以改变但要记得到安装完成后cmd打开终端,输入node -v ,npm - ...
使用Vue cli创建Vue项目
使用Vue cli创建Vue项目第一步:安装node.js 安装node.js,从node.js官网下载并安装node,安装过程很简单,一路"下一步"就可以了(傻瓜式安装).安装 ...
使用 Vue CLI 创建 Vue 2.x 项目
使用 Vue CLI 创建 Vue 2.x 项目什么是 Vue CLI 使用 Vue CLI 创建 Vue.js 项目 1. 准备 Node 和 npm 1.1 检查 Node 版本: 1.2 检查 ...
Vue CLI 官方文档（一）@vue/cli、@vue/cli-service、插件和 Preset
Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件和 Preset 文章目录 Vue CLI 官方文档(一)@vue/cli.@vue/cli-service.插件 ...

vue-cli 搭建vue项目

构建项目

一、安装全局vue-cli脚手架

二、创建项目

三、项目结构

vue-cli 搭建vue项目相关推荐

最新文章

热门文章