如何使用Vue-cli创建项目

在网上看了很多的脚手架创建项目的过程但是个人觉得过程还是很繁琐,所以我化繁为简总结了以下几个步骤:(有手就行)

1.安装node.js

去node.js的官网上安装node的包,这个对以后开发还是有很大作用的

网址在这里  node.js官网

安装时候一路回车就行了(可以自己定义安装路径),成功以后win+r  然后cmd在里面输入node - v  看看是否安装成功node,成功以后会显示版本


2.安装Vue-cli

跟上一步一样,直接进入cmd里面去  输入以下命令:

先输入:npm install vue-cli -g    (这个是全局安装Vue的脚手架,输入以后等待一会可能会有点长)

ps:网上有的需要安装淘宝镜像的 我觉得完全没有必要去安装

然后输入:vue init webpack demo1   (这里的demo1 是自己项目的名字  随意起就行)

接着后面会出来很多选项让你写,有什么作者名字啊什么的  都可以回车跳过,这里面除了有一个vue-router选择y其他的部分都n就行了,别的新手也用不上,

ps:y完以后可能会有一个三个选择的  这里当然是选择 yes use npm啦

最后:你就可以看到自己的Vue项目创建成功了  直接cd到你的文件夹里面 然后npm run dev运行就大功告成了。

ps:写作不易,给个赞哦

你可能感兴趣的:(如何使用Vue-cli创建项目)