需要注意该方法适用于3.x版本的安装，2.x之前的都不支持该命令
1.npm install -g @vue/cli
全局vue的脚手架vue-cli3.x模板，时间相对较长，建议使用淘宝镜像
2.vue create 项目名称
创建项目
3.选择人工设置
image.png
4.通过空格选择要安装的组件
image.png
5.选择css编译类型
image.png
6.选择标准配置
image.png
7.设置保存时重启
image.png
8.设置使用单文件配置
image.png
9.保存为当前工程使用的配置，非永久
image.png
10.等待安装，完成后会提示进入项目根目录，并以开发环境运行代码
image.png
image.png
11.运行成功需要手动打开浏览器，地址如下提示
image.png
12.运行效果如下，以后每次发生修改保存后会自动刷新浏览器界面
image.png
vue-cli 搭建项目 Vue init webpack 创建项目选项详解 一、Project name :项目...
项目搭建 安装vue-cli npl install vue-cli -g vue init webpack my...
知识点1、自己使用webpack搭建项目配置webpack是增加webpack.config.js2、vue/cl...
vue打包 使用vue-cli搭建的项目中,是使用webpack进行打包,在使用vue init 进行初始化项目...
* 搭建前端工程 1、初始化项目 npm init 2、npm i webpack vue vue-loader ...
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...
一、使用脚手架工具搭建项目框架 vue init webpack muse (使用vue创建一个muse新项目) ...
一、基本环境安装 node.js webpack安装 vue -cli 安装 二、vue项目搭建 1.初始化项目 ...
最近研究了下webpack4，顺便用webpack 4搭建了一个vue项目，搭建过程如下： 1.安装node，然后...
如果是直接用vue-cli脚手架搭建的vue项目, webpack会先提前配置好 最原始的关于webpack使用的...
本文标题：webpack搭建vue项目
本文链接：https://www.haomeiwen.com/subject/abeidqtx.html
网友评论