vue脚手架

一、什么是vue脚手架

vue脚手架指的是vue-cli,它是一个专门为单页面应用快速搭建繁杂的脚手架,它可以轻松的创建新的应用程序而且可用于自动生成vue和webpack的项目模板。

二、vue脚手架的安装

1、基于node环境

查看node版本: node -V

查看npm版本: npm -V

2、全局下 安装vue-cli脚手架

npm i -g @vue/cli

vue脚手架_第1张图片

npm uninstall -g @vue/cli   卸载脚手架

3、创建脚手架项目

在需要创建项目的目录下输入

vue create myvue  

vue脚手架_第2张图片

 

选第三个 Manually select features

选择babel router vuex,空格选中

vue脚手架_第3张图片

 

方向键选择2.x

vue脚手架_第4张图片

 

输入n

vue脚手架_第5张图片

 

选择第一个

vue脚手架_第6张图片

 

输入n

vue脚手架_第7张图片

 ce myvue  进入myvue目录

vue脚手架_第8张图片

 输入npm run serve 完成配置

vue脚手架_第9张图片

本机地址即为: http://localhost:8080/ 

vue脚手架_第10张图片

 

你可能感兴趣的:(vue.js,javascript,前端)