欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

Vue学习之路2-项目初搭建

程序员文章站 2022-07-01 20:37:42
1、检查环境是否全部安装成功 2、创建项目 2.1.打开dos命令窗口,使用dos命令转到项目文件夹下: 2.2.输入创建项目命令:vue init webpack myproject1 创建不同的打包方式第一种情况: 创建不同的打包方式第二种情况: 2.3.启动项目,在项目目录下输入启动命令:np ......

 1、检查环境是否全部安装成功

Vue学习之路2-项目初搭建

2、创建项目

2.1.打开dos命令窗口,使用dos命令转到项目文件夹下:

Vue学习之路2-项目初搭建

2.2.输入创建项目命令:vue init webpack myproject1 

创建不同的打包方式第一种情况:

Vue学习之路2-项目初搭建

创建不同的打包方式第二种情况:

Vue学习之路2-项目初搭建

2.3.启动项目,在项目目录下输入启动命令:npm start或者npm run dev

npm start启动命令示例如下:

Vue学习之路2-项目初搭建

npm start启动命令结果示例如下:

Vue学习之路2-项目初搭建

 

 

 npm run dev启动命令示例如下:

Vue学习之路2-项目初搭建

npm run dev启动命令结果示例如下:

Vue学习之路2-项目初搭建