7. vue-cli 安装和使用脚手架

vue-cli

　　官方配置的关于使用vue的各种功能，这些功能叫做脚手架

npm install yarn

1.安装vue-cli 只需要安装一次

　　npm install -g @vue/cli

　　# OR

　　yarn global add @vue/cli

2.创建项目

　　vue create 项目名称

3.千万不要走default配置（不然会有esLint,一个不小心就出现语法错误）

　　使用上下键切换配置（Manually select features）

4.选择配置项，按空格选中

自己整理的笔记：　（自己的课件2019-01-05）　

这个文件夹交你如何下载、搭建： vue的脚手架、配置、下载
先看文件 1 里面有详细的下载步走。

安装完之后：1.打开自己在安装时起的名字的文件夹
　　　　　　2.打开 src 文件夹
　　　　　　3.打开 components 文件夹。在这里就可以使用 vue的脚手架

运行服务器：
　　cd .\app\ (cd 空格加地址）
　　npm run serve
登录网页，输入 localhost:8080

使用：1.在components 文件夹中写组件
　　　2.在 src 文件夹的 App.vue 文件中导入组件
（参考课件 2019-1-5）

转载于:https://www.cnblogs.com/MrZhujl/p/10229846.html

7. vue-cli 安装和使用脚手架相关推荐

Vue CLI 安装
前提:安装vue/cli之前要先安装nodejs nodejs官网:https://nodejs.org/en/ Vue CLI官网:https://cli.vuejs.org/zh/ # 安装最新版 ...
@vue/cli 安装缓慢问题
@vue/cli 安装缓慢问题打开cmd 先装一个cnpm,指向淘宝npm仓库 npm install -g cnpm --registry=https://registry.npm.taobao. ...
Vue CLI安装的详细步骤
Vue CLI安装的详细步骤为了以后安装方便,写一个具体的步骤. 1.首先,打开vue官网,在生态系统的工具里找到Vue CLI,点击安装,先全局安装,直接打开cmd命令,执行以下命令.(我选的第一 ...
vue cli安装贼慢解决办法
网上解决办法都是用淘宝镜像,但我先切换了镜像,安装还是慢,最后发现了一个比较快的方案. 打开cmd 先装一个cnpm,指向淘宝npm仓库 npm install -g cnpm --registry= ...
Vue项目搭建——Vue CLI安装失败解决方法
1.安装node 官网下载:https://nodejs.org/en/ 下一步安装 2.设置镜像要以管理员方式运行cmd npm install -g cnpm --registry=https: ...
怎么把HTML网页重构为VUE,基于vue cli重构多页面脚手架过程详解
官方提供的项目生成工具vue-cli没有对多页面webApp的支持,但是在实际的项目中,我们需要这样的脚手架,参考了很多大牛的方法,这里提供了一种我的单页面脚手架转换为多页面脚手架的方案,供大家参考. ...
#VUE CLI 脚手架的安装及初识脚手架（一）
目录 vue cli 安装vue cli cli是什么? 1.CLI英文为Command-Line Interface,翻译为命令行工具,通俗来讲为脚手架. 2.使用vue-cli可以快速搭建Vue开 ...
windows安装vue脚手架(vue-cli)及vue ui无反应,npm i -g @vue/cli报错解决方案
首先去node.js官网下载系统对应的node.js版本. 安装完成之后,在命令行下,输入 node -v及npm -v检查node和npm(node自带npm)安装是否成功. 安装全局的cli.在命 ...
vue/cli 和 vue 版本对应及安装
文章目录 Vue Cli 使用方式: 关于Vue Cli版本介绍 @vue/cli 安装: 版本号对应查看vue和@vue/cli版本: Vue Cli Vue CLI = Vue + 一堆的js插 ...
Vue 全家桶之 vue cli (脚手架)
一.Vue cli 简介 cli --------------------- c : command (命令) l : line ( 行 ) i : interface ( 接口 ) 命令行接口命令 ...

7. vue-cli 安装和使用脚手架

7. vue-cli 安装和使用脚手架相关推荐

最新文章

热门文章