7004.vue脚手架快速生成项目

文章目录

1 Vue脚手架可以快速生成Vue项目基础的架构。
- 1.1 安装3.x版本的Vue脚手架：
- 1.2基于3.x版本的脚手架创建Vue项目：
- 1.3 分析Vue脚手架生成的项目结构
2 vue脚手架创建项目配置
3 通过 vs code 打开项目并进行编辑
- 3.1 修改package.json 设置自动打开网页并设置新的端口号
- 3.2 通过单独文件vue.config.js配置项目

1 Vue脚手架可以快速生成Vue项目基础的架构。

1.1 安装3.x版本的Vue脚手架：

npm install -g @vue/cli

1.2基于3.x版本的脚手架创建Vue项目：

1.2.1 使用命令创建Vue项目

命令：vue create my-project

1.2.1基于ui界面创建Vue项目

命令：vue ui
在自动打开的创建项目网页中配置项目信息。

1.2.3基于2.x的旧模板，创建Vue项目

npm install -g @vue/cli-init
vue init webpack my-project

1.3 分析Vue脚手架生成的项目结构

node_modules:依赖包目录
public：静态资源目录
src：源码目录
src/assets:资源目录
src/components：组件目录
src/views:视图组件目录
src/App.vue:根组件
src/main.js:入口js
src/router.js:路由js babel.config.js:babel配置文件
.eslintrc

2 vue脚手架创建项目配置

运行 vue ui

3 通过 vs code 打开项目并进行编辑

3.1 修改package.json 设置自动打开网页并设置新的端口号

此种方式不做推荐

3.2 通过单独文件vue.config.js配置项目

7004.vue脚手架快速生成项目相关推荐

vue文件快速生成模板代码
vue文件快速生成模板代码输入 vue 按 tab 键
vue生成本地html模板文件,vue文件快速生成页面模板
一 Vscode新建模板 1 菜单选择 2 新建全局代码片段二模板内容 { "Print to console": { "prefix": "vu ...
【Paddle笔记】体验PaddleBoBo虚拟主播自动播报快速生成项目
@[TOC] [Paddle笔记]体验PaddleBoBo虚拟主播自动播报快速生成项目 1.下载PaddleBoBo 1.1 HTML下载 Github 软件仓下载 PaddleBoBo 1.2 Gi ...
Vue脚手架创建的项目的启动流程
Vue脚手架创建的项目的启动流程当利用vue脚手架创建项目之后利用 npm run serve 启动开发环境,我们就从这里来开始分析. 入口分析首先从package.json中的脚本配置来看,np ...
maven自定义脚手架（快速生成项目）
Maven之自定义archetype生成项目骨架利用脚手架生成新项目命令行方式 mvn archetype:generate \ -DarchetypeGroupId=com.xxx \ -Da ...
Vue 脚手架CLI 初始化项目
1 介绍 CLI是Command-Line Interface,翻译为命令行界面,但是俗称脚手架. Vue CLI是一个官方发布vue.js项目脚手架使用vue-cli可以快速搭建vue开发环境以及 ...
vue脚手架项目如何加入html文件,使用vue脚手架怎么搭建项目
使用vue脚手架搭建项目的方法:1.全局安装vue-cli脚手架:2.打开命令提示符,通过cd命令进入项目所在文件夹:3.创建vue-cli工程项目:4.安装依赖:5.启动项目. 本教程操作环境:wi ...
vue生成html页面,前端VUE页面快速生成
VSCode左下角设置图标 ==> 用户代码片段 ==> 搜索 vue.json ==> 回车复制粘贴以下代码 {//Place your snippets for vu ...
Vue脚手架安装及项目搭建（mac版)
前提:电脑上已经安装好了npm vue脚手架全局安装终端命令 $ sudo npm install -g vue-cli 安装完成之后检测 $ vue -V 如果终端输出vue的版本号,那么脚手架就安 ...

7004.vue脚手架快速生成项目

文章目录

1 Vue脚手架可以快速生成Vue项目基础的架构。

1.1 安装3.x版本的Vue脚手架：

1.2基于3.x版本的脚手架创建Vue项目：

1.3 分析Vue脚手架生成的项目结构

2 vue脚手架创建项目配置

3 通过 vs code 打开项目并进行编辑

3.1 修改package.json 设置自动打开网页并设置新的端口号

3.2 通过单独文件vue.config.js配置项目

7004.vue脚手架快速生成项目相关推荐

最新文章

热门文章