使用脚手架搭建vue项目

爱被打了一巴掌 2023-01-23 05:51 256阅读 0赞

1.查看版本号
先安装node,查看是否安装成功
node -v

2.查看安装版本
npm -v，

3.node安装成功后，安装脚手架vue cli
vue init webpack myproject

4…脚手架已经全局安装好了，那么下面我们就可以利用脚手架搭建一个项目了

vue init webpack myproject

在搭建项目中会有几个问题，需要配置一下

Project name :项目名称 注意：这里不能使用大写
Project description:项目描述，默认为A Vue.js project,直接回车，不用编写。
Author：作者，如果你有配置git的作者，他会读取。
Install vue-router? 是否安装vue的路由插件，我们这里需要安装，所以选择Y
Use ESLint to lint your code? 是否用ESLint来限制你的代码错误和风格。
我们这里不需要输入n，如果你是大型团队开发，最好是进行配置。
setup unit tests with Karma + Mocha? 是否需要安装单元测试工具
Karma+Mocha，我们这里不需要，所以输入n。
Setup e2e tests with Nightwatch?是否安装e2e来进行用户行为
模拟测试，我们这里不需要，所以输入n。

这里就选择npm安装 然后等待下载。。。。

5.然后启动服务
npm run dev

效果如下：

在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述

在这里插入图片描述
创建的项目目录如下：
在这里插入图片描述

发表评论

表情：
评论列表 （有 0 条评论，256人围观）

还没有评论，来说两句吧...

相关阅读

    相关 第一个Vue脚手架项目搭建

    ①安装node运行环境 我这里node环境是已经安装完毕了，具体安装的步骤就不演示了，需要注意的是版本 不能太低，否则版本过低会出现问题。 ![在这里插入图片描述]

    Bertha 。Bertha 。/ 0 赞/ 417 阅读