摘要: 在实际开发中不可能只有开发环境和生产环境,根据业务需求需要自己定义环境,比如测试环境、预览环境等。接下来自己定义一个测试环境。 首先在根目录创建.env.test(test名字随便写)文件。文件内容如下: VUE_APP_API=http://test.baidu.com 接下来在package.j 阅读全文
posted @ 2021-09-29 22:48 Strugglinggirl 阅读(55) 评论(0) 推荐(0) 编辑
摘要: 一个vue-cli项目有三个模式: development(开发环境)模式,用于vue-cli-service serve。 production(生产环境)模式,用于vue-cli-service build 和 vue-cli-service test:e2e。 test(测试环境)模式,用于v 阅读全文
posted @ 2021-09-29 22:06 Strugglinggirl 阅读(1012) 评论(0) 推荐(0) 编辑
摘要: package.json是一个json格式的NPM配置文件,定义了这个项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等元数据)。 npm install命令根据这个配置文件,自动下载所需的模块,将package.json中的模块安装到node_modules文件夹下,也就是配置项目 阅读全文
posted @ 2021-09-29 21:44 Strugglinggirl 阅读(179) 评论(0) 推荐(0) 编辑
摘要: 如何运行项目? 输入以下命令即可在开发者模式下运行项目。 npm run serve 输入以下命令即可构建发布版本。(这时会在项目的根目录下生成一个dist文件夹,该文件夹上传到服务器即可。) npm run build 输入以下命令即可安装serve。(一般服务器都是apache或nginx软件搭 阅读全文
posted @ 2021-09-29 21:37 Strugglinggirl 阅读(384) 评论(0) 推荐(0) 编辑
摘要: 通过vue-cli生成的项目目录结构,及各文件夹和文件的用途说明如下所示。 |—node_modules //项目依赖的模块 |—public //该目录下的文件不会被webpack编译压缩处理。存放静态资源文件,第三方非模块化js文件等。 |—favicon.ico //图标文件 |—index. 阅读全文
posted @ 2021-09-29 21:12 Strugglinggirl 阅读(32) 评论(0) 推荐(0) 编辑
摘要: 1、安装vue-cli后,就可以创建项目了。 2、创建项目有两种方式: 第一种是通过vue create<项目名称>命令创建。(推荐使用第一种) 第二种是通过vue ui命令启动图形界面来创建项目。 3、第一种是通过vue create<项目名称>命令创建。(推荐使用第一种) 选择好项目存放的目录( 阅读全文
posted @ 2021-09-29 20:46 Strugglinggirl 阅读(383) 评论(0) 推荐(0) 编辑
摘要: NPM是node.js软件包管理器,项目所需的资源比如vue-cli,都是从网络下载到本地的。 NPM的默认镜像地址是:https://registry.npmjs.org/,这是国外的镜像地址,可能会出现丢包的问题。 如果安装失败,可以使用国内镜像地址,最常用的就是淘宝镜像地址:https://r 阅读全文
posted @ 2021-09-29 11:14 Strugglinggirl 阅读(129) 评论(0) 推荐(0) 编辑
摘要: 特别注意:如果已经全局安装了旧版本的vue-cli(1.x或2.x),需要先卸载它。 //如果是windows系统请打开cmd命令提示符窗口,如果是MAC系统请打开终端,输入命令如下: npm uninstall vue-cli -g 步骤一:进入node.js官网https://nodejs.or 阅读全文
posted @ 2021-09-29 09:57 Strugglinggirl 阅读(771) 评论(0) 推荐(0) 编辑