美文网首页
VUE脚手架安装(Windows)

VUE脚手架安装(Windows)

作者: 真干脆面 | 来源:发表于2018-05-08 20:24 被阅读14次

1.查看node版本号

查看node.js版本号命令:node -v(6.9以上)

2.查看npm版本号

查看npm版本号命令:npm -v(3.10以上)

3.安装全局cli

官网的命令行工具可以找到 直接复制粘贴回车即可(因我已经安装,就暂时不回车,嘻嘻)

4.检测vue-cli是否安装成功

检测命令:vue --version

5.指定创建位置

还是使用命令,跟着路径找寻

6.创建项目

回车后会花一点时间将项目模板下载下来

7.配置项目

配置项目,回车

8.安装依赖(走你)

直接cd创建的项目名称

9.安装依赖文件

命令:npm install

10.运行

命令:npm run dev 直接给了一个localhost:8080的端口号

11.总结:

1.使用脚手架能使开发速度更快;

2.脚手架是通过webpack搭建的开发环境;

3.实现了页面自动刷新(编译器里面一保存,浏览器就自动刷新);

4.可以使用ES6的语法(会在打包文件的时候变成ES5,不必但是浏览器对ES6不兼容,能够正常去识别);

5.因为涉及到webpack,能够将你当前所涉及到的所有JS文件,打包,然后压缩成一个文件,然后只需要引入一个文件就能够正常使用所需要的库;

6.所写的项目是在脚手架环境中去编译的,而不是在浏览器中编译。所有速度会很快;

相关文章

  • Vue-cli

    vue.js 官网链接 vue-cli安装 安装vue 全局安装vue-cli(脚手架) windows: mac...

  • 使用vue-cli搭建vue项目

    vue-cli vue的脚手架 安装脚手架之前需要安装node.js 安装脚手架 安装vue-cli 创建vue项...

  • nodejs->npm->cnpm->vue-cli的安装(20

    参考 vue-cli 脚手架 安装和Windows10环境下安装Nodejs、cnpm 一、nodejs的安装 两...

  • vue-cli的简介

    1.安装脚手架工具vue-cli(命令行) 全局安装vue-cli Mac打开终端,windows打开命令行工具输...

  • 2018-05-28

    vue脚手架安装及项目搭建(windows版) 前提是电脑已经安装了你npm命令即node.js 1、终端安装vu...

  • vue-cli · Failed to download rep

    由于windows系统的某方面问题,vue脚手架安装可能会出现第一证书丢失 报错:vue-cli · Failed...

  • VUE----使用脚手架创建vue项目

    学习了vue的基础之后尝试使用脚手架创建一个vue项目 1.全局安装vue脚手架: 安装完成之后,vue脚手架文件...

  • 脚手架

    安装脚手架:vue -处理(脚手架) cnpm install vue-cli -gwe...

  • Vue脚手架: vue-cli@3.0.5

    Vue脚手架vue-cli3.0.5 脚手架安装 脚手架vue-cli3.0.5的使用 2.创建vue项目 开发环...

  • Mysql+Nodejs+Koa2+Vue+Quasar零起点教

    一、安装vue 全局安装vue脚手架:npm install -g vue-cli 二、安装quasar 全局安装...

网友评论

      本文标题:VUE脚手架安装(Windows)

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