美文网首页vue学习
Vue-cli初步安装步骤

Vue-cli初步安装步骤

作者: tmac09 | 来源:发表于2019-03-25 21:03 被阅读0次

1.先安装node.js(默认路径)

2.启动命令行,输入命令node -v,可以看到node.js的版本号,如图

node -v.png

3.安装vue-cli

使用npm(需要安装node环境)全局安装webpack,启动命令行,输入如下命令:

npm install -g webpack

4.等它安装完成后,输入webpack -v,运行的结果是4.29.6

5.从webpack 4.X开始,需要全局安装webpack-cli,写如下命令

npm install webpack webpack-cli -g

6.安装完成之后输入 vue -V(注意这里是大写的“V”),如果版本号出现2.9.6,说明安装成功

7.在C:\Users\asus\AppData\Roaming\npm目录下可以看到以下图片

8.用vue-cli来构建项目

首先在D盘新建一个VueStudy作为项目存放地,然后使用命令行cd进入到项目目录,输入vue init webpack demo

9.需要选择一些选项,会跳出几个选项让你回答:

10.配置完成后,进入demo项目目录,安装依赖

npm install

11.启动项目

npm run dev

相关文章

  • Vue-cli初步安装步骤

    1.先安装node.js(默认路径) 2.启动命令行,输入命令node -v,可以看到node.js的版本号,如图...

  • Vue-cli基础

    Vue-cli基础 安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看...

  • Vue-cli基础

    安装步骤 1、全局安装Vue-cli: npm install vue-cli -g 2、查看是否安装成功: ...

  • vue.js安装小知识

    安装vue-cli步骤: 1.npm install -g vue-cli //全局安装vue-cli2.vue ...

  • vue-cli的简单安装

    我借鉴了网上例子,整理出来的vue-cli安装步骤 安装: #全局安装 vue-cli $ npm ins...

  • 使用node.js安装vue-cli脚手架

    一、安装vue-cli的步骤 1、node-v 2、npm instal -g vue-cli(安装vue-cli...

  • Vue面试考点之项目初始化

    1、初始化Vue项目 步骤一:安装node.js; 步骤二:安装npm; 步骤三:安装全局vue-cli脚手架; ...

  • vue-cli

    本节知识点 安装vue-cli 介绍vue-cli构成 安装(两步骤,第一步就是安装vue-cli,第二步就是初始...

  • vuex脚手架安装步骤:

    Vue-cli的安装步骤详细版本 https://github.com/vuejs/vue-cli 官网 使用官方...

  • vue搭建

    下载nodejs 安装NPC镜像 安装vue-cli, 打开pycharm,具体安装步骤如下图所示 pycharm...

网友评论

    本文标题:Vue-cli初步安装步骤

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