vue-cli脚手架Vue2.x与Vue3.x安装与预设_vue-cli3.x 和 vue-next_麦圈先生的博客-程序员宅基地
技术标签： vue
一、vue安装
（1）cdn:使用html写法的时候可以直接引入，虽然引用起来非常的方便，一旦官方修改内容有可能影响项目部分功能。
<script src="https://unpkg.com/vue@next"></script>//现已更新至3.0当然也可以直接下载官方js文件进行引入，这样就可以避免上述问题了。
（2）npm：使用npm需要下载node.js 下载地址：https://nodejs.org/zh-cn/download/
$ npm install vue@next（3）命令行工具 (CLI)：本文主要讲述CLI脚手架的创建方式
二、安装VueCLI包
在安装前需要配置全局环境，官方在官网中有关于以前版本的警告
包名称从 更改vue-cli为@vue/cli。如果您vue-cli全局安装了以前的（1.x 或 2.x）软件包，则需要先使用npm uninstall vue-cli -g或卸载它yarn global remove vue-cli。
节点版本要求
Vue CLI 4.x 需要Node.js 8.9 或更高版本（推荐 v10+）。您可以使用n、nvm或nvm-windows在同一台机器上管理多个版本的 Node 。
（1）全局安装
npm install -g @vue/cli
# OR
yarn global add @vue/cli（2）查询版本：可以确认是否安装成功
vue --version（3）升级全局
npm update -g @vue/cli
# OR
yarn global upgrade --latest @vue/cli三、 创建项目
在本地的git文件夹中cmd输入下面代码，vue_demo：是脚手架项目文件夹名称
vue create vue_demo文件创建以后会弹出配置选项，如果选择第一个（Vue 2）或第二个（Vue 3）,直接默认配置脚手架，第三个是手动选择要素
四、手动选择要素（Manually select features）
1.选择括号带 “ * ” 的即可，上下键移动 “ > ” 光标，空格键选中或取消。选择完成点击回车（enter）
2.这里选择Vue框架版本，选中回车，2.x与3.x后面步骤都是一样的
3.路由器历史模式，键盘输入Y,回车
4.ESLint 是一个用来识别 ECMAScript/JavaScript 并且按照规则给出报告的代码检测工具,选择严格模式（ESLint + Prettier），当然大家也可以选择标准模式（ESLint + Standard config）
5.选择语法检查方式，这里选择（Lint on save）回车
6.配置文件放置位置选择，
In dedicated config files 等同于每个文件单独放置，
In package.json 全部放置package.json 文件中（我们选择package.json）
7.询问是否将此保存为将来项目的预设？输入y，回车
8.预设起名（填写保存预设，下次可以按本次选择直接配置。不写直接回车，不保存本次预设记录）
9.安装完毕后根据提示，进入文件夹，启动命令启动项目
cd vue_demo：进入文件夹
npm run serve：启动Vue
以上是我一步步截屏写的，如有错误大家可以留言指点，有不懂的地方留言我会回答。
智能推荐
Xshell:Could not connect to '10.10.10.135' (port 22): Connection failed._could not connect to '10.113.242.25' (port 22): co_弗朗西斯赵四的博客-程序员宅基地
小白记录xshell 和 navicat 连接CentOS 7时报错Could not connect to ‘10.10.10.135’ (port 22): Connection failed.2003-can’t connect to mysql server on ‘10.10.10.135’首先,Xshell之前可以连接CentOS7,检查了一下ssh有没有开启(如果没有就请..._could not connect to '10.113.242.25' (port 22): connection failed.
jdk8种map.getOrDefault()方法的使用_jdk8 map getordefault__陌子曦的博客-程序员宅基地
jdk8之前int[] nums = {};for(int i=0;i<nums.length;i++){ Integer count = map.get(nums[i]); if(null == count){ map.put(nums[i],1); }else{ map.put(nums[i],++count); } _jdk8 map getordefault
永远的伊苏6流程攻略_ourgames的博客-程序员宅基地
由于是ARPG操作方式比较麻烦，建议使用手柄，反正键盘的话很难发绝招的，当然你也可以使用按键精灵，这样会省事不少。 界 面 游戏画面真的是不错，进入迷宫后会自动进入战斗状态。左下角圆形的是绝招的力槽，红色长条当然就是主角的体力了。右下角有两行上面的是金钱值，下面的是水晶值。水晶是用来进行剑锻造的。 剑锻造 游戏里的风、火、雷三把剑都可以进行锻造升级。一共可以炼11级，要想真正的发挥
收集了一些python的文章_公众号：数之何的博客-程序员宅基地
转载自：http://blog.csdn.net/xyw_blog/article/details/9128777newthreading - safer concurrency for Python 安全并发(1回应) http://www.starming.com/index.php?action=plugin&v=wave&tpl=union&ac=viewgrouppost&g
谈谈阿里arthas背后的原理_公众号-芋道源码的博客-程序员宅基地
点击上方“芋道源码”，选择“设为星标”管她前浪，还是后浪？能浪的浪，才是好浪！每天 10:33更新文章，每天掉亿点点头发...源码精品专栏原创 | Java 2021超神之路，很肝~..._arthas原理
06 Ajax请求_django的ajax请求的五个步骤_从不喝奶茶的博客-程序员宅基地
Ajax请求客户端（浏览器）向服务端发起请求的形式：地址栏：GET超链接标签：GETform表单：GET或POSTAjax（重要）：GET或POST或PUT或DELETE1、AjaxAJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML,现在更多使用json数据）。AJAX的特点和优点：异步局部刷新2、jso_django的ajax请求的五个步骤
随便推点
内存分析工具之LeakCanary2.4使用整理_mayundoyouknow的博客-程序员宅基地
目录1.LeakCanary是什么？2.LeakCanary有什么优点？3.LeakCanary如何引入到项目中？3.1引入leakcanary-android依赖3.2确认LeakCanary是否运行3.3LeakCanary自动检测以下对象的泄漏4.LeakCanary如何分析内存泄漏？4.1测试内存泄漏用例4.2复杂的内存泄漏通过分析hprof文件1.LeakCanary是什么？LeakCanary是一个为了Android使用的内存检测分析工具；2.
java定时器加参数报错_Java定时器Timer的使用详解_11先生的博客-程序员宅基地
定时器在Web开发中使用得不是很多。这里主要列举一下使用定时器的步骤，方便日后使用时查阅。1：定义任务类，实现TimerTask接口，重写run方法。public class MyTask extendsTimerTask {public voidrun() {定时执行的操作}2：启动定时器：三步走1)创建Timer对象2)创建任务对象3)timer调用schedule方法，通过不同的参数来实现不..._java定时器配tdsql报错
newlib中malloc如何获取heap地址_嵌入式调用malloc怎么知道堆区的地址_朽木白露的博客-程序员宅基地
newlib代码：caddr_t_sbrk (int incr){extern char end asm (“end”); /* Defined by the linker. */static char * heap_end;char * prev_heap_end;if (heap_end == NULL)heap_end = & end;prev_heap_end = heap_end;if (heap_end + incr > stack_p_嵌入式调用malloc怎么知道堆区的地址
解决.net framework 3.5win10无法安装的问题_适用于 3.5.1 .net framework安全和质量汇总一直安装失败_GG_BOOOM的博客-程序员宅基地
问题使用某些软件时，提示需要使用windows功能.net framework 3.5，安装时提示错误无法安装解决方案开启Windows自动更新1.按下WIN+R键开启命令行，输入services.msc回车，打开服务窗口2.设置Windows Update服务双击服务，切换为自动3.现在打开开始->控制面板->卸载程序->启用或关闭windows 功能窗口4. 勾选.net framework 3.5，进行安装即可..._适用于 3.5.1 .net framework安全和质量汇总一直安装失败
arduino密码锁_大神的风范的博客-程序员宅基地
基于arduino制作的密码锁_arduino密码锁
warning MSB3245: 未能解析此引用。未能找到程序集“CemeteryBLL”。请检查磁盘上是否存在该程序集。 如果您的代码需要此引用，则可能出现编译错误。..._asd22110的博客-程序员宅基地
多层架构，在每次重新生成解决方案的时候，老是提示：warning MSB3245: 未能解析此引用。未能找到程序集“CemeteryBLL”。请检查磁盘上是否存在该程序集。 如果您的代码需要此引用，则可能出现编译错误。但是如果逐个生成，那就没问题。这是因为在多层架构中，项目之间有引用关系，比如三层架构，UI界面层引用了BLL业务层，BLL业务层引用了DAL数据层，如果我们全部生成解决..._warning msb3245: 未能解析此引用。未能找到程序集“eagle.bootstrap”。请检查磁