ICode9

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

VUE构建

2022-09-05 00:34:12  阅读:209  来源: 互联网

标签:npm VUE cli webpack vue 构建 install 安装


VUE

渐进式 JavaScript 框架

易学易用

基于标准 HTML、CSS 和 JavaScript 构建,提供容易上手的 API 和一流的文档。

性能出色

经过编译器优化、完全响应式的渲染系统,几乎不需要手动优化。

灵活多变

丰富的、可渐进式集成的生态系统,可以根据应用规模在库和框架间切换自如。

VUE构建

下载并安装node,推荐LTS稳定版。

linux

apt install nodejs npm -y

yum install nodejs npm -y

Windowsx

访问nodejs官网,下载并安装适应操作系统的版本即可。

后续步骤

命令执行

node -v
nom -v

查看是否输出版本号。

安装vue

npm install vue -g

安装webpack模板

npm install webpack -g

由于webpack 4以上的版本内,命令相关内容被放入webpack-cli,因此我们还需要安装webpack-cli

npm install webpack-cli -g

安装手脚架vue-cli

npm install vue-cli -g

输入vue --version查看版本号

vue --version

安装vue-router

npm install vue-router -g

创建基于webpack模板的vue应用程序

vue init webpack <项目名>

根据提示输入相关内容

1.项目名

2.项目描述

3.作者

4.是否安装编译器

5.是否安装vue-router

6.是否使用ESLint做代码检查

7.是否安装单元检测工具

8.单元测试相关

9.创建完成后直接初始化

关于以上内容,项目名、项目描述、作者根据情况填写即可。4-9项建议安装vue-router,其他内容根据个人情况操做即可。

创建完成后,根据提示初始化项目即可。

cd <项目名>

npm rundev

根据提示访问网址即可。

关于环境变量

Windwos下安装nodejs可选择写入环境变量,安装的时候注意勾选上即可。

linux下默认写入环境变量。

npm加速

由于npm源站于国外,我们可以使用cnpm或将npm下载源改为国内镜像站,如执行以下命令将npm config设置为淘宝镜像即可。

npm config set registry https://registry.npm.taobao.org

标签:npm,VUE,cli,webpack,vue,构建,install,安装
来源: https://www.cnblogs.com/kaydenlsr/p/16656624.html

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

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

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

ICode9版权所有