美文网首页
vue-创建vue项目

vue-创建vue项目

作者: 灬深碍灬 | 来源:发表于2019-12-16 11:57 被阅读0次

使用vue的几种方法

使用vue快两年时间了,今天有点空闲时间,准备创建一个vue的项目,然后突然意识到,创建项目还得去网上找教程!有点头疼,还得去筛选内容,还不如自己写点创建过程。
在开发的时候,有三种使用vue的方法:
1.本地引入vue:下载vue的文件:https://cn.vuejs.org/js/vue.js
2.使用CDN直接引入:<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
3.使用vue-cli创建vue项目,创建的项目可以结合webpack进行打包,上手门槛低,可以进行快速入门,同时也提高了开发效率。

使用vue的前提

nodejs安装

从node.js官网(node下载) 下载并安装node,

node下载页面
下载完成一路傻瓜式安装就可以
安装nodejs
安装完成之后,打开控制台,输入node -v(node --version)显示版本那么就是node环境搭建完成了,是不是so easy😏
 node -v
查看node版本

安装完成之后就可以开始安装vue-cli环境了

sudo npm install -g vue-cli
安装vue-cli

安装完成之后就可以进行创建vue项目了

开始创建vue项目

vue init webpack demo
开始创建vue

出现这个就说明完成了


安装完成

启动项目

cd demo
npm install
npm run dev
启动完成

此时,初始化vue的项目到此完成初次构建

相关文章

  • vue-创建vue项目

    使用vue的几种方法 使用vue快两年时间了,今天有点空闲时间,准备创建一个vue的项目,然后突然意识到,创建项目...

  • vue-cli搭建cnode社区

    一、准备工作 1.使用vue-­cli脚手架搭建项目,参考我的文章:使用使用vue-­cli脚手架搭建项目2.安装...

  • 由修改路由懒加载引起的

    layout: posttitle: 由修改路由懒加载引起的tags:- Vue- 笔记 项目背...

  • 2018-07-11

    vue-声明周期钩子函数 1、created 实例被创建后调用 var data = { a: 50}; var ...

  • vue-封装axios(不带token)

    vue-封装axios(不带token)

  • Vue-项目

    一.环境搭建 1.安装node 去官网下载node安装包 傻瓜式安装 万一安装后终端没有node环境,要进行nod...

  • 使用 vue-cli 脚手架一键搭建工程

    五部走: 全局安装vue-­cli 进入目录–初始化项目 进入项目 安装依赖 启动项目 目录结构的分析 一、├──...

  • Vue-快速创建

    环境依赖:node 下载地址:https://nodejs.org/en/download/ 使用gi...

  • 2018-03-16--Vue2.0 探索之路——生命周期和钩子

    vue-生命周期中的钩子 一、vue的生命周期:实例从创建到销毁的过程wKioL1mv4wbSkajYAAr2x7...

  • Vue-脚手架创建项目(六)

    当脚手架安装完毕后,我们就可以创建项目了,创建项目方式有很多,同时脚手架2和3的创建方式也不一样,小二这里以@vu...

网友评论

      本文标题:vue-创建vue项目

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