Kite的学习历程之使用Vue脚手架进行模块化开发(vue模块化开发)

Kite学习历程的第三十八天

目录

  • Kite学习历程的第三十八天
    • 1. 安装所需软件
    • 2. 初始化项目
    • 3. 在vscode打开

1. 安装所需软件

cmd 控制台输入:
npm install webpack -g
npm install -g @vue/cli
设置环境变量
输入:
npm config list
查看配置信息,找到prefix地址打开
然后打开环境配置中的Path 粘贴地址即可
在这里插入图片描述

2. 初始化项目

输入: vue init webpack 项目名称
初始化文件目录
Kite的学习历程之使用Vue脚手架进行模块化开发(vue模块化开发)_第1张图片

3. 在vscode打开

  1. 首先进入 vue-dome 文件
  2. 终端输入 npm run dev
    Kite的学习历程之使用Vue脚手架进行模块化开发(vue模块化开发)_第2张图片
    可以进行localhost进行查看:
    Kite的学习历程之使用Vue脚手架进行模块化开发(vue模块化开发)_第3张图片

你可能感兴趣的:(每天的学习笔记,vue)