资讯专栏INFORMATION COLUMN

一.搭建一个简单的Vue项目环境

ivyzhang / 1798人阅读

摘要:创建一个的项目首先建立一个根目录文件夹或者进入到这个文件夹目录上以上命令完后文件夹里面会自动生成等同级路径的文件夹和其他文件如上图所示上图我首先创建一个命名可以随便取最好英文的文件夹然后我用命令的创建文件夹稍等片刻然后看的文件里面依赖成一个

1.创建一个Vue的项目
a.首先建立一个根目录文件夹 或者 vue create XXX .
b. cd/xxx 进入到这个文件夹目录上 npm run server.

2.以上命令完后,文件夹里面会自动生成


node_modules,public,src等同级路径的文件夹和其他文件,如上图所示.

上图我首先创建一个aaa(命名可以随便取,最好英文)的文件夹,然后我用命令 vue.create jerry的创建文件夹,稍等片刻,然后看package.json的文件,里面依赖成一个vue的文件,如果需要用到Vue路由组件,输入命令cnpm install vue-router --save 安装路由,然后生成
的路由文件.
3.最后输入命令 npm run serve 可以跑了,点击如图点击进去

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

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

相关文章

  • almost最好Vue + Typescript系列01 环境搭建

    摘要:初来乍到,请多多关照也许这是第一套基于搭建基于的项目教程。年月初升级到了新的版本版,跟版本项目结构发生了很大的改变,目录结构更简洁更科学。并且可以选配,在此之前配置略麻烦,是的超级,静态类型,便捷的注解,使前端代码优雅。 前言 hello~ 大家好。 初来乍到,请多多关照 ?(๑•̀ㅂ•́)و✧也许这是第一套基于 vue-cli 3.x 搭建基于 typescript 的vue项目教程...

    isLishude 评论0 收藏0
  • vue源码分析系列之入debug环境搭建

    摘要:目标是为了可以调试版本的,也就是下的源码,所以主要是的开启。结语至此就可以开心的研究源码啦。文章链接源码分析系列源码分析系列之入口文件分析源码分析系列之响应式数据一源码分析系列之响应式数据二 概述 为了探究vue的本质,所以想debug一下源码,但是怎么开始是个问题,于是有了这样一篇记录。目标是为了可以调试es6版本的,也就是src下的源码,所以主要是sourceMap的开启。原文来自...

    nihao 评论0 收藏0
  • 从零开始搭建vue项目 -- vue-cli/cooking-cli(

    摘要:从零开始搭建一个项目一搭建一个可靠成熟的项目介绍我是去年六月份接触的,当时还是个菜逼,当然现在也是,写了一年,抄代码的时候一直是,在别人的框架基础上开发,然后渐渐发现很多的模板都各有优点,所以慢慢的开始集合到了一起。 从零开始搭建一个vue项目 -- vue-cli/cooking-cli(一) 1.vue-cli搭建一个可靠成熟的项目 1.介绍 vue-cli 我是去年六月...

    rainyang 评论0 收藏0
  • 使用karma+mocha+chai+sinon+@vue/test-utils为你组件库增加单元

    摘要:但是,项目中的一些公共封装,比如公共的组件公用的功能模块等是可以使用单元测试的。因此特为组件库引入单元测试,目的在于能减少组件的,避免重复的发布不必要的包。 项目github地址:https://github.com/yuanalina/installAsRequired这里必须要提前说明,前端项目的单元测试不是必须的,特别是业务型项目,增加单元测试反而会成为累赘,增加开发成本且无意义...

    happen 评论0 收藏0
  • webpack+vue项目实战(,搭建运行环境和相关配置)

    摘要:运行环境是,其它版本的小小伙伴要注意版本兼容的问题喔好了,首页在创建项目目录,下面进行项目的第一步,搭建环境。附上代码附上代码路由控制和接下来就配置入口文件,和入口文件的模板了。 1.前言 现在正在开发一个公司的后台管理项目,项目是一个单页面应用。功能上就是管理销售订单的各个环节,包括物流管理,回款管理,订单管理等等的功能。这些就不多说了。项目是,基于webpack3,vue2.2.6...

    jemygraw 评论0 收藏0

发表评论

0条评论

ivyzhang

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<