美文网首页
Vue【1】搭建环境

Vue【1】搭建环境

作者: 王焱工作室 | 来源:发表于2019-08-18 10:37 被阅读0次

基础环境搭建:

  • 浏览器:Chrome
  • IDE:VS Code
  • node.js 8.9+,npm

简单引用:

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

或者

<script src="https://cdn.jsdelivr.net/npm/vue@2.6.10/dist/vue.js"></script> 

开发环境搭建:

1. 打开命令行输入,根据网络环境,可能需要安装较长时间

npm install -g @vue/cli 

2. 到要新建的工程路径下,创建工程"hello-world"

vue create hello-world

选择要安装的环境

Vue CLI v3.10.0
? Please pick a preset: 
> default (babel, eslint)    //默认
  Manually select features    //自定义

3. 使用“cd”命令,转到新建工程路径下

cd hello-world

4. 运行服务

npm run serve

5. 根据提醒,用浏览器打开对应地址

  App running at:
  - Local:   http://localhost:17077/
  - Network: http://192.168.1.13:17077/

相关文章

  • vue-cli单页面应用

    vue-cli是vue搭建环境脚手架,只需要几个命令就可以搭建开发环境。 vue-cli脚手架搭建 1.安装nod...

  • Vue(7)

    一、环境搭建 下面我们需要为后面要做的Vue项目搭建开发环境。 1、基本的运行环境 该项目使用node& vue在...

  • 从零搭建Vue项目

    1,搭建Node环境(此处就省略了,可自行百度)2,搭建Vue项目环境全局安装vue-cli(Vue脚手架):cn...

  • 前端环境搭建

    前端开发环境的搭建 vue环境搭建(node,vue-cli,vue) https://www.jianshu.c...

  • Vue

    搭建Vue开发环境1.必须要安装node.js2.搭建vue的开发环境,安装vue的脚手架工具 官方命令行工具n...

  • vue2.0 项目搭建

    vue 初步环境搭建 1. cnpm install vue 安装 vue2.0 2. cnpm install...

  • webpack进阶【17】: vue-cli 脚手架环境搭建

    webpack: vue-cli 脚手架环境搭建 一、搭建 vue-cli 脚手架环境 1、在一个新的文件夹下面,...

  • vue项目搭建 2019-03-19

    主要步骤: 1.前端环境搭建; 2.vue项目环境的搭建。 最近想找实习,发现了一个问题:大家对vue框架都是情有...

  • vue+ionic

    vue的环境搭建: npm install -g @vue/cli (若已搭建跳过)vue create i...

  • Vue+Django REST framework生鲜电商项目笔

    二、环境搭建 2.1虚拟环境搭建 2.2Vue运行环境搭建 1.node.js1. 有序列表第一项 有序列表第二项...

网友评论

      本文标题:Vue【1】搭建环境

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