首页 > 其他分享 >创建一个VUE项目

创建一个VUE项目

时间:2022-08-23 13:34:40浏览次数:68  
标签:npm vue cnpm 项目 创建 VUE install 安装

前期准备

1、安装node,官网安装(自带npm) 2、安装npm国内镜像cnpm:npm install -g cnpm;安装后可能在项目中无法使用,执行cnpm install express -g 3、安装开源前端打包工具webpack:cnpm install webpack -g 4、安装vue-cli脚手架工具:cnpm install vue-cli -g;使用vue -V查询版本号校验是否安装成功,注意:V大写   创建项目 1、本地创建一个文件夹作为工作空间 2、在文件夹地址栏中输入cmd回车(或者win+R输入cmd通过cd命令进入到该文件夹):使用vue init webpack (自己的项目名,字母必须是小写,如:vuedemo-1)

 

 

3、完成后进入项目目录下(vuedemo-1)执行命令:npm install安装项目所需依赖(或则使用cnpm,但可能缺失依赖) 4、执行npm run dev启动项目,启动后访问给出的地址出现vue欢迎界面,完成vue项目构建

 

标签:npm,vue,cnpm,项目,创建,VUE,install,安装
From: https://www.cnblogs.com/brucewang92/p/16615673.html

相关文章

  • vue3新内置组件teleport传送门
    使用到的原因:在使用固定定位弹出弹出框的时候,突然遇到位置不正确,而且在有index高级别的情况下依旧位置出错表现如下:出现原因:我的代码出现的tf元素,导致定位祖先元素发......
  • IDEA中用Maven构建Spring Boot项目
    第一步,创建一个Maven项目第二步,配置pom.xml文件添加父依赖 <parent><artifactId>spring-boot-dependencies</artifactId><groupId>org.springfram......
  • gitee码云上 创建 Git仓库
    gitee是基于git的代码托管平台,使用gitee之前应该先注册账号登录,点击gitee官网,然后跟着提示注册登录即可。登录之后将鼠标悬浮在右上角的加号上,点击新建仓库 1.创建仓库......
  • 项目导入和项目启动
    项目导入资料连接:https://pan.baidu.com/s/1Xp97dflG_i1a8DyTKJWAjg提取码:java选择项目的pom.xml文件导入   项目启动第一种方式:   第二种方......
  • 使用骨架创建Maven的web工程和maven工程Servlet实例之指定web资源包
    使用骨架创建Maven的web工程操作一样把勾进行勾选找到webapp选项下一步创建就行创建好会有显示目录结构其余的都需要自己手动补齐有小蓝点的才是一个web项目,  ......
  • vue中$forceUpdate的使用
    Vue中的$forceUpdate有强制刷新的意思,但是这个针对于深层次结构数据,数据通过赋值进行了更新,但是vue监听不到。深结构数据对于普通类型的数据来说,我们不需要操心数据绑定,Vue......
  • 项目部署
    更完整的参考在服务器上下载nginx项目打包的命令:npmrunbuild将生成的dist文件夹里的内容放到nginx......
  • vue-router使用addRoute动态添加主界面的子路由
    1、需求描述从别处导出的可用前端文件,存放在系统@/views/下,不配置静态路由,当访问改菜单时,根据当前菜单的path动态向主界面(路由path:'/',name:'homePage')中添加子路由,使......
  • better-scroll在终端触屏上滑动失效(vue)
    this.$nextTick(()=>{this.scroll=newBScroll(this.$refs.scroll,{scrollX:true,click:true,disableMouse:false,//启用鼠标拖动disableTouch:false//启用......
  • Java中枚举配合switch语句用法-2022新项目
    一、业务场景项目开发中经常会遇到多条件判断的情况,如果判断条件少的话使用if/elseif/else还比较好处理,如果判断条件多的话,则在使用这种语句就不太合适。如果是自定......