Vue环境搭建

vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架。它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计。
安装Vue
1、安装node.js,安装完node.js之后,npm也会自动安装
链接: https://pan.baidu.com/s/187R2ZzBlhB03KHjuyI4YPA
提取码: n6f9
查询是否安装成功的命令:

node -v

npm -
Vue脚手架环境搭建

2、全局安装脚手架工具vue-cli,命令如下

npm install --global vue-cli
Vue脚手架环境搭建

3、vue项目初始化命令如下,若没有安装webpack,则先安装webpack
Vue脚手架环境搭建

npm install -g webpack

vue init webpack myVue

初始化完成后的vue项目目录如下:
Vue脚手架环境搭建

4、进入到myVue目录下,使用npm install 安装package.json包中的依赖

命令如下:

cd myVue

npm install

5、运行项目:

npm run dev
Vue脚手架环境搭建
Vue脚手架环境搭建

在浏览器上输入:localhost:8080,将会出现下面的vue初始页面:
Vue脚手架环境搭建

相关文章:

  • 2021-12-22
  • 2021-12-09
  • 2021-06-12
  • 2022-12-23
  • 2021-04-14
  • 2021-06-04
  • 2022-12-23
猜你喜欢
  • 2021-08-11
  • 2022-12-23
  • 2022-12-23
  • 2022-12-23
  • 2021-11-02
  • 2021-04-29
  • 2021-04-24
相关资源
相似解决方案