ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

项目实训第三周-1

2021-07-18 15:03:52  阅读:203  来源: 互联网

标签:npm vue cnpm 项目 第三周 webpack 实训 2.1 安装


目录

前言

正文

1.安装环境

1.1 安装node

1.2 安装Cnpm(中国 npm 镜像的客户端)

2. 初始化项目–

2.1准备工作

2.1.1 安装Vue-cli

2.1.2 安装webpack

2.2 创建项目

 结束


前言

本文主要是介绍学习前端开发所用到的关于Vue的环境配置

正文

1.安装环境

1.1 安装node

node与npm一起捆绑安装;
下载地址:
https://nodejs.org/en/

用以下命令检查是否安装好:

node –v
npm –v

1.2 安装Cnpm(中国 npm 镜像的客户端)

npm install -g cnpm --registry=https://registry.npm.taobao.org

在这里插入图片描述

用以下命令检查是否安装好:

cnpm -v

 

2. 初始化项目–

2.1准备工作

2.1.1 安装Vue-cli

cnpm install -g @vue/cli

安装桥接工具(脚手架工具)

cnpm install -g @vue/cli-init
  • 1

用以下命令检查vue是否安装好:

vue -V (v必须大写)

2.1.2 安装webpack

webpack 是一个模块打包器。它的主要目标是将 JavaScript 文件打包在一起,打包后的文件用于在浏览器中使用。

cnpm install -g webpack

2.2 创建项目

vue init webpack my-project (2.X)
拒绝npm安装
cnpm install(国内下载)

前端服务器成功启动
在浏览器中输入:

http://localhost:8080

在这里插入图片描述

 

 结束

本篇文章主要介绍了怎样实现了vue的环境配置

参考自https://blog.csdn.net/gy99csdn/article/details/113954174

 

标签:npm,vue,cnpm,项目,第三周,webpack,实训,2.1,安装
来源: https://blog.csdn.net/weixin_46078215/article/details/118877181

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有