Vue-cli脚手架工具使用方法

说到vue,那么大家一定会想到vue-cli,那么vue-cli如何使用呢?废话不多说,进入正题:
首先我们需要在我们的电脑上安装node.js和npm,大家直接到百度去搜索node.js然后下载安装就好了,一般情况下,node.js安装好了会自动安装npm,安装之后启动CMD输入node -v:
显示有版本号了就说明安装成功了
接下来再输入npm -v:
也显示有版本号说明安装成功
接下来就是安装vue-cli脚手架工具了,在CMD里面输入npm install -g vue-cli ,接下来电脑会自动全局安装vue-cli了,安装好了之后输入vue -V,V是大写的一定注意,如果弹出版本号则说明安装成功。

接下来就是创建项目了:

先创建一个文件夹,然后通过cd(空格) + "文件夹名字"进入文件夹,然后在CMD上输入vue init webpack +“项目名称”,点击回车,这时vue-cli正在创建项目;

项目创建好以后,在CND里输入npm install,将项目初始化,然后运行npm run dve或者npm run start,项目就运行起来了;
切记做项目的时候不要把CMD窗口关了。

如果要打开以前建好的项目,直接通过cd+“路径”进入到文件夹下,运行npm install(之前没有运行过当前文件的需要先运行这个),然后在运行npm start就可以了。

如果要关闭项目,直接Ctrl + C就可以了

你可能感兴趣的:(Vue.js)