我用到vue-cli的基本安装
在用vue-cli 脚手架开始前首先要安装node在node官网下载就行、一直下一步到安装成功
这里不建议没有接触过vue的直接用 vue-cli 因为一下子接触太多会打击信心,所以不建议
打开 你的终端 进入在你的项目文件夹里
也可以进入带终端的编辑器进行安装
1.用npm 命令安装vue-cli
npm install vue-cli -g
2.初始化项目
vue init <template-name> <project-name>
<template-name>:表示模板名称,vue-cli官方为我们提供了5种模板,
webpack-一个全面的webpack+vue-loader的模板,功能包括热加载,linting,检测和CSS扩展。
webpack-simple-一个简单webpack+vue-loader的模板,不包含其他功能,让你快速的搭建vue的开发环境。
browserify-一个全面的Browserify+vueify 的模板,功能包括热加载,linting,单元检测。
browserify-simple-一个简单Browserify+vueify的模板,不包含其他功能,让你快速的搭建vue的开发环境。
simple-一个最简单的单页应用模板。
<
project-name >:标识项目名称,这个你可以根据自己的项目来起名字。
我一般用 vue init webpack
不填最后一个、他就会在第一个问我是不是在这个文件夹安装
第一个问我是不是在这个文件夹安装
第二个问我 项目名称
第三、四 、五 回车
第六个问是否安装vue-router 一般用到vue-cli 就要安装vue-router
下面的都是大型项目才用到的 个人 或 练习项目 用不到
初始化成功时就会
按他提示的输入、、如果提示出现这个说明成功了
进入这个网址就能看到这个演示
vue-cli安装成功
上一篇
下一篇