美文网首页
cli3.0创建vue2.0项目

cli3.0创建vue2.0项目

作者: EMMMMM_7aa0 | 来源:发表于2019-09-29 15:16 被阅读0次

创建时间:2019-09-03

最后修改时间:2019-09-04


创建一个基于Webpack的vue项目

在Node中

先安装vue-cli:

npm i -g @vue/cli-init

安装脚手架

创建vue项目:

vue init webpack your-program-name

创建项目

进入你的vue项目:

cd your-program-name

安装依赖:

npm i

安装依赖

然后项目就创建完成,可以用Visual Code,HBuilder, Sublime Text或者Webstorm打开

目录

在Visual Code中直接在终端中新建终端,输入命令启动项目:

npm run dev

启动项目

关闭项目:

Crrl+C y Enter

关闭项目

在Node中的话:

使用npm start或者npm run dev启动项目;

两次Ctrl+C关闭项目;

复制网址到浏览器即可打开vue项目页面

项目打开链接

成功打开

打开网页

相关文章

  • Vant UI + Vue + Cli3.0 + Rem移动端项

    Vant UI + Vue + Cli3.0 + Rem移动端项目搭建 1. 创建vue项目 创建项目 引入les...

  • cli3.0创建vue2.0项目

    创建时间:2019-09-03 最后修改时间:2019-09-04 创建一个基于Webpack的vue项目 在No...

  • vue2.0创建项目

    放到指定的目录下,先进入这个目录在执行创建项目的命令例如: e:回车 //进入E盘 ...

  • vue2.0 创建项目

    准备 安装淘宝 npm镜像npm install -g cnpm --registry=https://regis...

  • vue2.0创建项目

    VUE2.0 创建项目步骤1、安装node.js安装完成后,可以命令行工具中输入 node -v 和 npm -...

  • vue2.0 创建全局组件

    vue2.0 创建全局组件 首先先搭建一个vue-cli项目 搭建后的项目目录 在components文件...

  • vue+移动端+hbuilder打包生成APP

    1.以vue2.0为例创建项目https://www.jianshu.com/p/f62a720c563e2.项目...

  • 1.vue安装

    vue2.0安装 1.全局安装vue-cli 2.创建一个基于webpack模板的项目,项目名为my-projec...

  • vue2.0—请求

    vue2.0—请求 构建项目和创建组件就不细说了,不懂的可以去官方文档API学习 VUE官方文档:https://...

  • 一步一步创建vue2.0项目

    一步一步创建vue2.0项目 vue2.0已经发正式版本了,来研究一下吧 新建一个文件夹 vue2.0-learn...

网友评论

      本文标题:cli3.0创建vue2.0项目

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