其他分享
首页 > 其他分享> > VUE构建

VUE构建

作者:互联网

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