安装vue最新脚手架

关于旧版本
Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x)，你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它

安装命令：

npm install -g @vue/cli
或
yarn global add @vue/cli

安装之后可以通过vue -V来看vue的版本

创建项目

vue create 项目名
或
vue ui 图形化安装

vue create 项目名创建项目它会有两种方法，一种是傻瓜式，按回车就可以，另一种是手动配置，比如我们的路由，vuex，sass

 default (babel, eslint) //回车安装Manually select features //手动配置

我选择的是手动配置，他可以自动给我我们创建路由，vuex，sass，ESlint，很方便，回车选择之后会出现以下东西

上下键是选择，空格是确定安装

勾选完成之后按回车即可，会出现下面一个路由模式的选择，默认的是hash，我们不用换，输入n是取消

? Use history mode for router? (Requires proper server setup for index fallback in production) (Y/n)n

sass的选择，同样是上下键来选择，直接按回车，选择的是node-sass，第二个

接下来是ESlint的配置，选择是最后一个，最高配置，当然这是我创建的时候，你们也可以选择标准配置（第三个），我的是报错了，所以选择的是最后一个

这个就不用管，直接回车就行

更新换将单独配置的文件放到pakage.json还是放在单独的文件，这里选择单独的文件即可，默认不用管，直接按回车

最后是否把以上设置过的预设配置保存起来，需要输入y，不需要n

? Save this as a preset for future projects? (y/N)

如果你需要它会让你输入名称（随便的）

 Save preset as:  dgqzs（随便起的）

按回车开始安装

启动项目

npm run serve

最后说一下安装ESlint这个是代码规范，在开发中代码不规范可以通过ESlint插件来快速修正（前提是你使用的是vscode）

嫌麻烦的话在根目录中创建vue.config.js文件，有的话就不用创建，在文件可以关闭ESlint

module.exports = {lintOnSave: false
};

安装vue最新脚手架相关推荐

安装Vue的脚手架时遇到的无法安装问题
项目场景:安装Vue的脚手架时遇到的无法安装问题问题描述以管理员身份进入命令控制符想要安装Vue的脚手架,提示安装成功后输入vue指令检查却显示:'vue' 不是内部或外部命令,也不是可运行的程序 ...
Vue2学习笔记1 - win10下安装vue开发环境
操作系统为Win10_x64 1.安装NodeJs Vue的安装依赖NodeJs,所以需要先安装NodeJs,去NodeJs官网(http://nodejs.cn/download/)下载对应系统的n ...
centos 7 安装 Vue
一.安装npm yum install -y npm 二.更新组件 yum update openssl 三.安装Vue 最新稳定版本 npm install vue 最新稳定 CSP 兼容版本 np ...
安装vue@4出现报错ERR! code EEXIST npm ERR! path C:\Users\beaty-Ida\AppData\Roaming\npm\node_modules\@vue\c
一.安装问题安装vue4版本出现问题如下: 原因:安装4版本前未卸载之前版本解决方法:npm uninstall -g vue-cli(卸除3之前版本)之后重新安装流程第一步:打开终端cmd, ...
npm——安装教程、安装vue脚手架(ASP.NET Core微服务(五)——【vue脚手架解析接口】过度章节)
npm:是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题. 比如常用的有: 1)允许用户从NPM服务器下载别人编写的第三方包到本地使用. 2)允许用户从NPM服务器下载并 ...
Yarn安装vue脚手架
npm简介 NPM是随同NodeJS一起安装的包管理工具,能解决NodeJS代码部署上的很多问题.由于新版的nodejs已经集成了npm,所以npm也一并安装好了. 特点: npm install 很 ...
安装vue脚手架创建项目
1.安装node.js [nodejs官网](https://nodejs.org/en/) 2.安装cnpm 到这里node的环境已经安装完了,npm包管理工具也有了,但是由于npm的有些资源被墙, ...
vue开发搭建（npm安装 + vue脚手架安装）
一.概念 1.npm: Nodejs下的包管理器. 2.webpack: 它主要的用途是通过CommonJS的语法,把所有浏览器端需要发布的静态资源,做相应的准备,比如资源的合并和打包. 3.vue ...
关于npm和yarn 安装vue脚手架
第一篇博客有点小紧张.轻喷~ 第一步:安装node.js 地址 --------https://nodejs.org/en/ 详细步骤这里就不写了可以去看地址 ----- ...
Vue.js-Day03-AM【超级详细：Node.js环境安装、安装淘宝镜像（Win、Mac）、安装Vue脚手架、初始化Vue项目-命令解释（Vscode、命令行窗口）、目录介绍、Vue文件介绍】
Vue.js实训[基础理论(5天)+项目实战(5天)]博客汇总表[详细笔记] 目录 1.Node.js-环境安装 1.1.Node.js-详细安装步骤 2.vue-cli脚手架安装 2.1.安装 ...

安装vue最新脚手架

安装vue最新脚手架相关推荐

最新文章

热门文章