首页 > 其他 > 详细

vue-cli脚手架笔记

时间:2019-02-10 21:03:43      阅读:342      评论:0      收藏:0      [点我收藏+]

官方配置的关于使用vue的各种功能,这些功能称之为脚手架

vue不支持IE8,因为vue使用了IE8无法模拟的 ECMAScript 5特性

使用vue-cli脚手架会让我们的工作非常方便

比如想编译一下es6的语法就使用 babel loader 和 babel core(可以转换es6代码)

webpack中安装babel loader babel core

npm install --save-dev babel-loader babel-core

 

下面利用npm安装vue-cli

安装vue-cli只需要安装一次即可

1、安装

npm i -g @vue/cli

或者使用yarn

yarn global add @vue/cli

2、创建项目

vue create 项目名称

3、配置项选择第二个自定义Manually select features

不使用默认形式default配置(不然会有esLint,有一个空格就会报错)

使用上下键来切换配置

技术分享图片

4、选择需要配置的预设功能

比如:
Babel
Router
Vuex

技术分享图片

选择和取消选择星星使用空格或者n键

然后选择package.json

In dedicated config files 在专用配置文件中

In package.json 

技术分享图片

 

5、最后出现 cd 项目名称和运行服务命令

比如
cd app
npm run serve 或者 yarnserve

输出 cd项目名字 和 npm run serve 命令 运行服务

技术分享图片

6、打开localhost:8080 访问默认主页

技术分享图片

 npm run serve可以重启服

 

一个默认的vue文件里面一般包含三项

template模板

style

script

其中template里面必须有个根(顶级)容器

 

vue-cli脚手架笔记

原文:https://www.cnblogs.com/theblogs/p/10360138.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!