利用vue脚手架搭建项目,需要有nodejs环境、vue-cli

一、必备环境

查看是否安装(本机已安装)

搭建Vue脚手架(vue-cli)并创建一个项目

 

 

 若没有安装,可以进行安装

1.安装nodejs环境

官网下载:https://nodejs.org/en/download/ 

查看是否安装成功,成功后进行下一步

2.安装vue-cli(建议用cnpm安装,较快)

先安装淘宝镜像 npm install cnpm -g --registry=https://registry.npm.taobao.org

成功后输入 cnpm -v查看是否安装成功

然后全局安装vue-cli 

cnpm install -g vue-cli

(注意以上命令只需要运行一次就可以,装上之后,以后新建项目就可以不用安装)

二、利用vue-cli搭建

在指定项目目录下打开窗口

1.命令 vue init webpack(过程中的配置可自行百度查询)

搭建Vue脚手架(vue-cli)并创建一个项目

 

 

 2.项目新建后,安装依赖 npm install

3.执行npm run dev 即可在浏览器中看到初始页面。

相关文章:

  • 2021-09-07
  • 2022-12-23
  • 2021-12-26
  • 2021-08-09
  • 2021-04-15
  • 2021-12-19
  • 2021-06-05
猜你喜欢
  • 2021-09-08
  • 2022-12-23
  • 2022-03-08
  • 2021-04-04
  • 2022-01-19
  • 2021-04-17
相关资源
相似解决方案