Window10下----Vue CLI(脚手架) 创建项目

sf_wangchong 发布于2019-08-23 16:15 / 1652人阅读

摘要：从跳转到要创建的目录下通过项目名称创建项目例如配置相关工具必须小写否则会报错误按图片提示在输入相关命令创建成功文件目录如下重要文件网页入口直接打开此文件无效连接和父组件管理其他小组件启动项目由跳转到项目所在的目录下启动项目如图所示则启动成功

1.从cmd跳转到要创建的目录下

2.通过 vue init webpack + 项目名称创建项目

例如 vue init webpack myfirstvuecli

3.配置相关工具

Project name 必须小写
否则会报 Sorry, name can no longer contain capital letters. 错误

按图片提示在cmd输入相关命令

4.创建成功

文件目录如下:

重要文件
index.html 网页入口直接打开此html文件无效
main.js 连接index.html和App.vue
App.vue 父组件,管理其他小组件

5.启动项目

由cmd跳转到项目所在的目录下
npm run dev 启动项目

如图所示,则启动成功
在浏览器输入图中地址(http://localhost:8080) 就可以查看项目

云服务器 GPU云服务器 vue-cli vue-cli3 项目脚手架 linux下cli

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/102839.html

使用vue-cli脚手架+webpack搭建vue项目

摘要：查看安装是否正常回车后看到输出当前安装的版本号，例如，即安装正常通过以上步聚，说明已经安装完并能正常运行。再次用脚手架搭建项目第二步将模块安装完成后，就可以使用以下命令创建项目了。前言世间万难无非一拖二懒三不读书对说的就是我突然觉得这句话说的很对，自从上次写完nodejs安装及npm全局模块路径的设置已经过去两月有余，而我的vue框架学习也就止步于此。还是没有给自己施加压力...

dantezhao 2019-08-23 10:36 评论0 收藏0
vue项目开发过程常见问题

摘要：更新时间这个问题是实例内单组件的必须返回一个对象如下为什么要一个数据对象呢官方解释如下必须声明为返回一个初始数据对象的函数，因为组件可能被用来创建多个实例。更新时间：2018-07-29 1.data functions should return an object // 这个问题是 Vue 实例内,单组件的data必须返回一个对象;如下 export default {...

Apollo 2019-08-23 10:28 评论0 收藏0
vue-cli3脚手架的使用和相关配置

摘要：前言通过搭建交互式的项目脚手架。通过快速开始零配置原型开发。与此同时，它也为每个工具提供了调整配置的灵活性，无需。例如，如果你的应用被部署在，则设置为。我们将在下篇文章里详细讲述的使用官方文档前言通过 @vue/cli 搭建交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 快速开始零配置原型开发。一个运行时依赖 (@vue/cli-se...

Sanchi 2019-08-26 10:22 评论0 收藏0