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