创建VUE项目,2.0版本和3.0版本的区别

使用vue2.0版本创建vue项目

你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。

创建前的准备

使用window + R打开,输入cmd命令,或者在想要创建的目录

创建VUE项目,2.0版本和3.0版本的区别
或者在想要创建的目录路劲输入cmd

开始创建

在有nodejs环境并且vuecli脚手架环境的基础下
输入命令vue init webpack
创建VUE项目,2.0版本和3.0版本的区别

创建过程

//在当前目录中生成项目?
Generate project in current directory?
输入y

//项目名字
Project name (ES6-vueProject)
输入创建项目的名字 vue-demo

//项目描述
Project description (A Vue.js project)
输入创建项目的描述信息 This is a project that demonstrates the creation of the vue2.0 project

//项目创建人的作者名字
Author (puwei [email protected])
输入自己的名字 cll

//Vue构建(使用箭头键)
Vue build (Use arrow keys)
直接回车键 Runtime + Compiler: recommended for most users

//安装vue-router
Install vue-router? (Y/n)
输入y

//是否安装eslint(初学者不建议)
Use ESLint to lint your code? (Y/n)
输入n

//测试(初学者不建议)
Set up unit tests (Y/n)
输入n

//测试(初学者不建议)
Setup e2e tests with Nightwatch? (Y/n)
输入n

//项目创建后,我们是否应该为您运行“npm install”?(推荐)(使用箭头键)
Should we run npm install for you after the project has been created? (recommended) (Use arrow keys)
点击↓ 再回车 Yes, use Yarn

项目正常创建

项目创建完成
创建VUE项目,2.0版本和3.0版本的区别
输入npm run dev 启动服务

使用vue3.0版本创建vue项目

如果已经创建过的vue3.0的项目,直接使用vue create my-project,选择保存的创建方式,完成创建。