我用到vue-cli的基本安装

在用vue-cli 脚手架开始前首先要安装node在node官网下载就行、一直下一步到安装成功

这里不建议没有接触过vue的直接用  vue-cli 因为一下子接触太多会打击信心,所以不建议


打开 你的终端  进入在你的项目文件夹里

也可以进入带终端的编辑器进行安装

1.用npm 命令安装vue-cli

npm install vue-cli -g



2.初始化项目

vue  init    


:表示模板名称,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安装成功

你可能感兴趣的:(我用到vue-cli的基本安装)