Vue 搭建项目
2024-08-27 14:55:46
Vue 搭建项目
一.node下载安装:
1.下载:https://nodejs.org/en/download/
2.安装默认许选择,下一步就行;
3.安装完之后就可以使用npm命令
二.通过@vue/cli方式安装:
1.全局安装@vue/cli :
npm install -g @vue/cli 最新版本3.x,可以通过ui界面方式创建
2.创建项目:
vue create 项目名称
或
vue ui 直接打开web页面,通过界面方式创建项目
三.通过vue-cli方式安装:
1.全局安装vue-cli
npm install --global vue-cli vue-cli 旧版本
2.通过webpack方式初始化vue项目
vue init webpack 项目名称
3.根据提示设置项目信息即可
四.运行:
npm run dev
五.编写代码调试:
跳转到:https://www.cnblogs.com/zlp520/p/10924962.html
六.生成:
npm run build
七.扩展:
1.npm 安装cnpm:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完之后就可以使用cnpm和npm命令一样,只是cnpm是淘宝镜像而已
2.npm安装安装yarn:
npm install -g yarn
备注:-g或 --global代表全局的意思
全局安装:
npm install xxx -g 安装到 \AppData\Roaming\npm\node_modules目录
本地安装:
npm install xxx 安装到命令行所在目录的node_module目录。
最新文章
- ubuntu16.04 + ubuntu + apache2 配置apache解析php
- POJ 1329 Circle Through Three Points(三角形外心)
- 利用onekeyup即可实现验证码的点击刷新功能
- [slim] Slim - Faster, lightweight, a enginer for Ruby
- 在Spring Data JPA 中使用Update Query更新实体类
- 整理JRE瘦身或精简JRE
- java-信息安全(五)-非对称加密算法RSA
- Logback中使用TurboFilter实现日志级别等内容的动态修改
- WEUI控件JS用法
- ssm学习的第一个demo---crm(1)
- 【校招面试 之 C/C++】第30题 C++ 11新特性(一)之auto关键字
- css3-自定义字体
- MVC二级联动使用$.getJSON方法
- LeetCode SQL: Second Highest Salary
- java-list-分组
- 双击jar包运行方法
- 为TextView设置两种状态,程序中可以动态切换
- php各版本编译好的扩展模块下载地址
- JavaScript获取和操作html的元素
- 洛谷P4116 Qtree3(树剖+线段树)