您好,欢迎来到二三娱乐。
搜索
您的当前位置:首页通过vue-cli构建项目

通过vue-cli构建项目

来源:二三娱乐

1. 下载node.js

2. 安装git

3. 安装vue-cli

命令行输入npm install -g vue-cli全局安装vue-cli

4. 创建项目

创建一个项目,vue init webpack-simple vue-project
项目基本信息配置,回车使用默认值

image.png
安装成功后发现目录中有这些文件
image.png

使用cd vue-project切换到文件夹,使用npm install依赖模块,会发现目录下多了这个文件夹

image.png
使用npm run dev运行项目,这时候就会打开一个本地的服务器的网页,,页面如下所示
image.png

5. 打包上线

自己的项目文件都放在src文件夹下面,项目开发完成之后,使用npm run build进行打包工作,会生成dist文件夹
项目上线时,dist文件夹和index.html放到服务器上就行了

Copyright © 2019- yule263.com 版权所有 湘ICP备2023023988号-1

违法及侵权请联系:TEL:199 1889 7713 E-MAIL:2724546146@qq.com

本站由北京市万商天勤律师事务所王兴未律师提供法律服务