创建vue项目常用命令

如果vue项目出错了你可以把

那个黄色删了清理一下缓存在重新安装就可以了

清理缓存

 npm cache clean --force

第一步，创建淘宝镜像，安装npm镜像(如果已经安装的就直接第二步就可以了)

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

第二步, 全局安装vue-vli

 npm install --g vue-cli

第三步, 创建一个vue项目

 vue init webpack 项目名

vue项目部署 npm install

启动项目npm run dev

出现这个东西基本就部署完成，跟各位说一下你们安装vue项目出现的 npm audit fix是出现node.js 排查出来的错误你打这个代码过一下就可以之后出现也不用管基本不影响

1.安装element_ui看官网最好官网地址

 npm i element-ui -S

2.安装成功后在main.js中到导入element-ui,并使用

 import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);

1.安装=vant ui看官网最好官网地址

 npm i vant -S

2.安装成功后在main.js中到导入element-ui,并使用

 import Vant from 'vant';import 'vant/lib/index.css';Vue.use(Vant);

1.安装vue_router

 npm install vue-router --save

2.安装完成如果没有文件夹router（一般都有vue2.0下需要自己选择安装，vue3.0创建有）我们直接创建index.js文件。文件放入以下配置

import Vue from 'vue'
import VueRouter from 'vue-router';
Vue.use(VueRouter);import XXX "../src/components/xxx";const routes = [{path:'/'component: XXX},]const router = new VueRouter({routes
})export default router

3.最后我们要在main.js中应用router.js文件。我们需要在中放入router

import router from "../router";new Vue({router,el: '#app',components: { App },template: '<App/>'
})

1.安装axios组件，安装命令如下：

npm install --save vue-axios

2.在main.js文件下引入如下代码：

import axios from 'axios'
import VueAxios from 'vue-axios'Vue.use(VueAxios, axios)

安装阿里云服务

 npm install ali-oss --save-dev

2.后续在你需要应用的文件下引用如下配置：

import {getAliOSSCreds} from '@/api/common' // 向后端获取 OSS秘钥信息
import {createId} from '@/utils' // 一个生产唯一的id的方法
import OSS from 'ali-oss'

解决https问题

 npm config set strict-ssl false

创建vue项目常用命令相关推荐

vue使用命令行构建完项目后_通过命令行创建vue项目的方法
通过命令行创建vue项目的方法最近想要学习vue,正好看到资料,如何通过命令创建vue项目的方法,就留个笔记环境要求: 安装有 Node.js. vue.vue-cli . 创建项目: vue i ...
ui vue 创建项目教程并关闭语法_使用vue ui命令创建vue项目步骤
1.前置环境 1.node.js 2.vue-cli 3.webstorm 2.创建步骤 1.在webstorm中打开一个终端,输入 #vue ui 运行结束后,会启动一个web服务用以可视化创建vu ...
基于图形化界面创建Vue项目
记录:267 场景:基于图形化界面创建Vue项目,便于后续查阅. 环境:Node.js v14.17.3 1.打开cmd控制台运行命令:vue ui 截图: 2.项目仪表盘截图: 3.Vue 项目 ...
Vue笔记——搭建脚手架并快速创建Vue项目
现在的Vue脚手架已经升级到3.x版本,即vue-cli3. 脚手架升级之后,安装的命令发生了变化,所以这篇文章会跟大家演示新旧版本的脚手架安装过程,以及使用新旧版本脚手架创建项目的过程. 下面的安装 ...
ui vue 创建项目教程并关闭语法_创建vue项目流程
创建vue项目流程 1.使用构建工具vue-cli创建项目脚手架 vue-cli是一个官方发布vue.js项目脚手架,使用vue-cli可以快速创建vue项目. (1)安装确认已安装了node.js ...
创建vue项目+总结使用(跨域问题+vue 创建)
创建vue项目: -安装node.js-vue脚手架-vue create 项目名字pycharm开发vue项目-需要安装vue.js插件-setting--->plugins--->左下 ...
一篇文章教会你创建vue项目和使用vue.js实现数据增删改查
简介:一篇文章教会你创建vue项目和使用vue.js实现数据增删改查 [一.项目背景] 在管理员的一些后台页面里,数据列表中都会对这些数据进行增删改查的操作,例如管理员添加商品.修改商品价格.删除商品 ...
一、从零创建VUE项目
假设你在创建VUE项目时对webpack和vue-loader有一些了解. 下面开始快速搭建属于你的VUE项目: $ npm install vue-cli -g // 全局安装vue-cli $ ...
Vue cli3.0创建Vue项目
创建Vue项目在要创建项目的文件夹下面打开Powershell窗口输入命令 vue create 项目名称选择第二项回车后选择是否使用历史路由 no 回车选择 Less 回车选择第三个 ...
vue的使用（引用/创建vue项目）（一）
在程序开发中,有三种方式创建vue项目,本地引入vuejs.使用cdn引入vuejs.使用vue-cli创建vue项目.其中vue-cli可以结合webpack打包工具使用,大大方便了开发步骤,使用广 ...

创建vue项目常用命令

创建vue项目常用命令

创建vue项目常用命令相关推荐

最新文章

热门文章