1、Node.js的下载安装https://nodejs.org/en/download/,检查版本:快捷键win+R > 输入cmd > 回车 >  分别键入node -v和npm -v,出现版本号说明安装成功;

2、如果想要以后安装插件(npm修改为cnpm)方便一点,这里可以安装淘宝镜像源,即在命令中输入:npm install -g cnpm --registry=http://registry.npm.taobao.org;(也有其他镜像源,这个就自己去找吧,我这里使用的是淘宝的)

3、安装vue-cli脚手架,在命令中输入:npm install -g vue-cli后回车;

4、新建一个项目文件夹,命令键入该文件夹:例如你在E盘建了项目demo文件夹,则输入 E: > 回车 > cd demo > 回车即可;

从零开始安装使用Vue

5、或者直接在命令行里键入目录,初始化项目:vue init webpack demo,这里的demo换成你自己的文件夹名(注意:4和5任选一个哈);

6、之后依次为4个直接回车、Y回车、N回车、N回车、N回车,再使用键盘的向下键选第三个后回车即可,如下图:

从零开始安装使用Vue

7、以上完成后,先确认自己的命令是否在项目文件夹下,是则输入:cnpm install后回车,这里你就会体会到淘宝npm镜像的好处了,省时间还不易报错。

从零开始安装使用Vue

8、最后输入npm run dev后回车运行你的项目,这里可能会直接跳转链接,如果没有,就手动在浏览器输入提示的ip地址后回车,成功则会出现以下界面,之后的功能样式就自己琢磨吧,我也是菜鸟一枚,以上仅供参考,有心得或建议的请留言交流。注:默认端口号是8080哈。

从零开始安装使用Vue

从零开始安装使用Vue

 

相关文章:

  • 2021-12-25
  • 2021-12-27
  • 2022-01-26
  • 2021-09-13
  • 2021-10-09
  • 2021-11-15
  • 2021-05-01
  • 2022-12-23
猜你喜欢
  • 2022-01-22
  • 2021-05-31
  • 2021-08-07
  • 2022-01-07
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案