前言

如何搭建vue脚手架

提示：以下是本篇文章正文内容，下面案例可供参考

一、安装node

win+r输入cmd打开控制台窗口，输入：node -v检查是否安装node。

如果没有安装先去官网安装，安装地址：https://nodejs.org/en/

二、安装cnpm

（非必要），但是国内的话安装了会快很多。
输入命令安装：npm install -g cnpm -registry=https://registry.npm.taobao.org
检测是否安装：cnpm -v

三、安装webpack

输入webpack -v，检测是否安装。如果没有输入指令：cnpm install webpack -g 进行安装。

四、安装vue-cli

输入vue -V检测是否安装，如果没有安装输入命令：cnpm install -g vue-cli 安装最新版本。

如果已经安装了不想要的版本：输入：cnpm uninstall -g @vue/cli 命令进行卸载。

然后输入命令：npm install -g @vue/cli@3.11.0 下载指定的版本。

五、创建项目

如果都安装好了，而且检测的时候没有问题，就可以创建项目了。
1、首先cd到自己想要存放项目的目录。
2、输入命令：vue init webpack myproject 创建项目（myproject是项目名）。
3、输入项目描述后回车

4、输入作者后回车：

5、选第一个回车。

6、是否使用路由。输入y回车

7、输入n回车

8.使用npm就好，如果安装了yarn就用yarn

最后项目就完成了，输入：npm run dev 运行。

总结

这里是用webpack的方法搭建的。通常如果出现问题，先去上文检测一下安装的东西都安装好了没，再或者就是版本哪里有问题了。

vue如何搭建脚手架，超详细相关推荐

vue+webpack搭建项目超详细教程
在使用vue-cli之前,请确认你的电脑已经安装了 node,建议版本在 8.0.0 以上安装淘宝镜像(强烈推荐安装,不然真的好慢,等到最后还是失败) 安装cnpm的原因:npm的服务器是外国的,所 ...
Tars环境搭建（超详细版）
Tars环境搭建(超详细版) 简介 Tars是基于名字服务使用Tars协议的高性能RPC开发框架,同时配套一体化的服务治理平台,帮助个人或者企业快速的以微服务的方式构建自己稳定可靠的分布式应用. Ta ...
vue学习笔记（超详细）
文章目录一. Vue基础认识Vue.js Vue安装方式 Vue的MVVM 二. Vue基础语法生命周期模板语法创建Vue, options可以放什么语法综合 v-on v-for遍历数 ...
Vue笔记——搭建脚手架并快速创建Vue项目
现在的Vue脚手架已经升级到3.x版本,即vue-cli3. 脚手架升级之后,安装的命令发生了变化,所以这篇文章会跟大家演示新旧版本的脚手架安装过程,以及使用新旧版本脚手架创建项目的过程. 下面的安装 ...
k8s搭建（超详细，保姆级教程）
1.简介这里就不赘述,想要了解的朋友直接去这里深入了解什么是K8S. 2.环境要求 2台以上机器,操作系统 CentOS7.7-64位系统硬件配置:2GB或更多RAM,2个CPU或更多CPU,硬盘 ...
教你用webpack搭一个vue脚手架[超详细讲解和注释！]
1.适用人群 1.对webpack知识有一定了解但不熟悉的同学.2.女同学!!!(233333....) 2.目的在自己对webpack有进一步了解的同时,也希望能帮到一些刚接触webpack的同学 ...
WordPress建站教程从零开始服务器搭建网站超详细
说起第一次使用Wordpress建站,相信大部分人的印象都是虚拟主机.空间搭网站,因为便宜.省心,自己搭个小站放上去也算足够,但是随着各种技术的迅速发展,原来的很多虚拟主机已经不能再满足Wordpre ...
基于哔哩哔哩王红元（coderwhy）老师Vue学习课程的超详细学习笔记以及代码示例
开发工具:webstrom / VSCode 开发环境安装与配置:https://blog.csdn.net/qq_44068659/article/details/120293883 笔记: 定义变 ...
linux教程超详细,linux搭建node超详细教程
linux 环境搭建详细步骤 1.访问官方网址:https://nodejs.org/en/download/ 2.选择和你服务器版本相关的压缩包,复制下载链接 3.服务器登录ssh,(这里我用的服务 ...

vue如何搭建脚手架，超详细

文章目录

前言