创建VUE项目,2.0版本和3.0版本的区别
创建VUE项目,2.0版本和3.0版本的区别
使用vue2.0版本创建vue项目
你好! 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章,了解一下Markdown的基本语法知识。
创建前的准备
使用window + R打开,输入cmd命令,或者在想要创建的目录
或者在想要创建的目录路劲输入cmd
开始创建
在有nodejs环境并且vuecli脚手架环境的基础下
输入命令vue init webpack
创建过程
//在当前目录中生成项目?
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
项目正常创建
项目创建完成
输入npm run dev 启动服务
使用vue3.0版本创建vue项目
如果已经创建过的vue3.0的项目,直接使用vue create my-project,选择保存的创建方式,完成创建。