欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

vue脚手架(vue-cli)老版本(2.xx版)的使用

程序员文章站 2022-05-18 20:59:04
1、 在idea新建一个Static Web项目 2、 在新建的项目下打开cmd 3、 输入安装脚手架命令:npm install -g vue-cli 4、 查看安装的版本:vue -V (2.X的为老版本) 5、 Vue-cli创建webpack项目:vue init webpack 6、之后如 ......

1、 在idea新建一个static web项目

vue脚手架(vue-cli)老版本(2.xx版)的使用

 

2、 在新建的项目下打开cmd

3、 输入安装脚手架命令:npm install -g vue-cli

vue脚手架(vue-cli)老版本(2.xx版)的使用

 

4、 查看安装的版本:vue -v   (2.x的为老版本)

vue脚手架(vue-cli)老版本(2.xx版)的使用

 

5、 vue-cli创建webpack项目:vue init webpack

vue脚手架(vue-cli)老版本(2.xx版)的使用

6、之后如下图操作

vue脚手架(vue-cli)老版本(2.xx版)的使用

7、项目创建成功

vue脚手架(vue-cli)老版本(2.xx版)的使用

8、项目结构

vue脚手架(vue-cli)老版本(2.xx版)的使用