创建vue项目常用命令

创建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)

1. 安装阿里云服务

	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