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

Posted wanghj-15

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue脚手架(vue-cli)老版本(2.xx版)的使用相关的知识,希望对你有一定的参考价值。

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、之后如下图操作

技术图片

7、项目创建成功

技术图片

8、项目结构

技术图片

 

以上是关于vue脚手架(vue-cli)老版本(2.xx版)的使用的主要内容,如果未能解决你的问题,请参考以下文章

从0到1带你搭建一个vue3.0项目(vue-cli脚手架版)

Vue CLI

vue 脚手架的使用 vue-cli

vue-cli脚手架——3.0版本项目案例

ERROR in xxxx.js from UglifyJS——配置版本混杂版

Vue项目搭建基础之Vue-cli模版测试