需要注意该方法适用于3.x版本的安装，2.x之前的都不支持该命令
1.npm install -g @vue/cli
全局vue的脚手架vue-cli3.x模板，时间相对较长，建议使用淘宝镜像(我的文章里有介绍怎么切换淘宝镜像)
2.vue create 项目名称
3.选择人工设置
4.通过空格跟上下键选择要安装的组件(*为要选择的组件)
5.是否启用history模式,选择 n
6.选择css编译类型
7.选择标准配置
8.设置保存时重启
9.设置使用单文件配置
10.保存为当前工程使用的配置，非永久,选择 n
11.等待安装
12.完成后根据提示进入项目根目录，并以开发环境运行代码
13.运行成功需要手动打开浏览器(可复制)，地址如下提示
14.运行效果如下，以后每次发生修改保存后会自动刷新浏览器界面
15.这是最后生成的项目目录
* 搭建前端工程 1、初始化项目 npm init 2、npm i webpack vue vue-loader ...
vue打包 使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...
一、基本环境安装 node.js webpack安装 vue -cli 安装 二、vue项目搭建 1.初始化项目 ...
1、vue+webpack安装,生成初始化vue项目vue+webpack安装,生成初始化vue项目_前端劝退师儿...
需要注意该方法适用于3.x版本的安装，2.x之前的都不支持该命令 1.npm install -g @vue/cl...
一、Vue-cl搭建前端工程化项目 1、先安装脚手架vue-cli，已集成webpack 2、初始化项目 Proj...
使用vue的脚手架来搭建项目，这里使用webpack-simple模板 一、初始化项目 出现提示直接Enter确认...
vue 初始化vue-cli项目 template-name:webpack（常用）,webpack-simple...
初始化项目 yarn add init 安装vue yarn add vue 安装webpack， webpack...
安装 webpack 安装 vue-cli 初始化 vue 项目
本文标题：webpack搭建vue初始项目
本文链接：https://www.haomeiwen.com/subject/ogizpqtx.html
网友评论