700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > vue-cli 搭建vue项目

vue-cli 搭建vue项目

时间:2023-10-07 16:54:55

相关推荐

vue-cli 搭建vue项目

构建项目

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

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

二、创建项目

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

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

3、安装依赖 $ npm i4、现在输入$ npm run dev 命令会报错,因为现在命令行路径还停留在D:\vue,项目所在的位子是D:\vue\myVue,现在把命令行转到项目所在的目录在运行$ npm run dev5、如果搭建成功在浏览器上如图显示

三、项目结构

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

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。