vue cli创建项目

  • Z时代
  • 2024-01-10
  • 分类：综合

vue

我开始学vue了！我又要写傻瓜教程了。现在就是怎么用vue cli创建我的第一个项目。????

前提是

  1. 你已经下载安装配置好了nodejs，如果没有点这个：Node.js安装配置

  2. 你已经会用npm了，如果不会看这个：npm入门教程

然后打开你的cmd，或者其他支持cmd的命令行工具都可以。我就用cmd了。

进入你要创建项目的文件夹输入：
vue init webpack 项目名

输入后回车，一下没反应就两下，两下没反应等一会儿就行了，毕竟不通电脑速度不一样。过一会儿就会让你回答以下几个问题：

  • ? Project name （XXX）：默认就是你刚才写的项目名，直接回车就可以啦

  • ? Project description ：直接回车会默认为A Vue.js project ，也可以自己添加一个描述

  • ? Author：作者，可以写名字，不写就回车

  • ? Vue build standalone：直接回车

  • ? Install vue-router? ：回车默认yes就好

  • ? Use ESLint to lint your code? ：输入N回车。毕竟是新入门，这个不需要搞什么格式，记得输入N

  • ? Set up unit tests ：回车默认yes

  • ? Pick a test runner ：回车默认jest

  • ? Setup e2e tests with Nightwatch? ：回车默认Yes

  • ? Should we run npm install for you after the project has been created? (recommended) ：回车默认npm

也就是说上面这几个除了Use ESLint to lint your code? ：输入N回车之外，其他的都直接回车就可以。 然后你就等待就好了。

如果出现如下提示就点这个→vue init webpack 提示chromedriver问题

Current existing ChromeDriver binary is unavailable, proceding with download and extraction.

没出现的话继续等着就行了，直到出现这个提示就可以了：

然后按照提示输入
cd demo
npm run dev

输入完之后等着就可以了。最后会给你一个地址，如果你设置过了，可能地址会不一样。

总之复制提示的地址在浏览器中直接打开就可以了。

以上是 vue cli创建项目 的全部内容， 来源链接： utcz.com/z/377174.html

回到顶部