美文网首页
vue生成新项目

vue生成新项目

作者: 一半春夏一半秋冬 | 来源:发表于2019-01-12 20:47 被阅读0次

1、首先要安装需要依赖的环境,node、npm包管理器(安装淘宝镜像,这个不安装也可以),具体安装大家可以查看各自的官网,这里不做具体说明;

2、安装vue-cli脚手架构建工具,输入命令 npm install -g vue-cli,安装完成即可(这个只需要全局安装一次就可以了)。

3、选择新项目的路径,(路径中不要用中文命名是最基础的要求):vue init webpack 项目的名称;

然后就会开始新建项目,一路yes基本没有什么问题;

4、新的项目已经生成,进入到项目文件夹,cd 项目名称(cd mallShop);

5、npm run dev   就可以开始跑项目了;

6、npn run build 打包项目;

相关文章

  • vue生成新项目

    1、首先要安装需要依赖的环境,node、npm包管理器(安装淘宝镜像,这个不安装也可以),具体安装大家可以查看各自...

  • vue cli目录结构介绍

    使用vue cli创建一个基于 webpack 模板的新项目会为我们生成如下内容 项目加载过程 index.htm...

  • 一个react新手直接从dva搭建项目

    之前用到,vue,angular,新项目准备直接用react搭建,自己搭建脚手架,结果打包生成文件有2M。ui组件...

  • 2019-07-25 创建基于webpack 模板的新项目

    创建基于webpack 模板的新项目 用命令行生成vue项目框架需要npm包管理器来安装,而npm又是在安装nod...

  • 5.vue单页应用

    创建新项目 选择一个文件夹存放项目 使用命令字符创建新项目:vue init webpack vue-router...

  • vue-学习笔记

    关于vue cli 全局安装vue cli命令:npm install -g @vue/cli 创建新项目命令:v...

  • vue新项目

    vue项目建成之后需要修改的地方: (我的vue用了Element插件,已经用npm装过了npm i elemen...

  • 03.Element UI 之安装使用(npm)

    一、创建一个vue新项目(cli方式) |--命令:vue init webpack elementui02 ...

  • vue-cli的安装和基础使用

    vue-cli@2.0 安装 -> npm install vue-cli -g创建新项目 -> npm init...

  • vsCode 快速生成vue模板

    vsCode 快速生成vue模板 ### 1、vsCode 快速生成vue模板 ```json /** * 到插件...

网友评论

      本文标题:vue生成新项目

      本文链接:https://www.haomeiwen.com/subject/foocdqtx.html