精华内容
下载资源
问答
  • vue搭建项目时遇到的一些问题记录

    千次阅读 2017-11-17 17:19:46
    1、用vue-cli模板搭建项目时,在选项 Use ESlint to lint your code(使用ESlint规范代码) 的是时候记得 填 no(对于小菜鸟),否则多个空格都会报错 。 2、创建完成后建议首先修改一下配置文件 config>index.js...

    1、用vue-cli模板搭建项目时,在选项 Use ESlint to lint your code(使用ESlint规范代码) 的是时候记得 填 no(对于小菜鸟),否则多个空格都会报错 。


    2、创建完成后建议首先修改一下配置文件 config>index.js 

    修改build 配置参数:修改assetsPublicPath为 ' ./ '(原本为 ' / ')

    如图:


    是因为打包之后,外部引入 js 和 css 文件时,如果路径以 ' / ' 开头,在本地是无法找到对应文件的(服务器上没问题)。所以如果需要在本地打开打包后的文件,就得修改文件路径。

    3、开发模式下跨域代理:

    打开 config>index.js 

    在dev 里面添加 proxyTable 



    4、开发环境和发布环境配置不同的接口地址

    4.1首先找到

    /config/dev.env.js
    /config/prod.env.js


    4.2 这两个文件就是针对生产环境和发布环境设置不同参数的文件。

    我们打开dev.en.js文件。代码如下:

    var merge = require('webpack-merge')
    var prodEnv = require('./prod.env')
    
    module.exports = merge(prodEnv, {
      NODE_ENV: '"development"',
      API_ROOT: '"//localhost:8880/api/"' //配置开发环境接口地址
    });
    打开 prod.env.js 代码如下:

    module.exports = {
      NODE_ENV: '"production"',
      API_ROOT: '"http://pile.gantangerbus.com/wxif/"' //发布环境接口地址
    };

    4.3分别配置好之后就可以在代码中调用了:

    //在需要调用接口的组件使用就可以了 
    var root = process.env.API_ROOT
    //或者可以在全局定义一个全局变量 
    var GlobalROOT = process.env.API_ROOT


    展开全文
  • 使用springboot和vue搭建项目

    千次阅读 2019-07-03 14:56:29
    首先,使用需要知道,使用springboot和vue搭建项目,就相当于需要部署两个项目,一个是前端项目,另一个是后端项目,我这里都是使用tomcat进行部署,当然,在测试环境中还是使用vue的脚手架进行debug 第一步,...


    在学习springboot和vue相关内容后,将学习到的东西记录下来,以便以后温故知新。 首先,使用需要知道,使用springboot和vue搭建项目,就相当于需要部署两个项目,一个是前端项目,另一个是后端项目,我这里都是使用tomcat进行部署,当然,在测试环境中还是使用vue的脚手架进行debug

    第一步,搭建vue项目

    vue的安装

    1.安装node.js(http://www.runoob.com/nodejs/nodejs-install-setup.html)
    2.基于node.js,利用淘宝npm镜像安装相关依赖
    在cmd里直接输入:npm install -g cnpm --registry=https://registry.npm.taobao.org,回车,等待安装
    3.安装全局vue-cli脚手架,用于帮助搭建所需的模板框架,在cmd里
    1)输入:cnpm install -g vue-cli,回车,等待安装
    2).输入:vue,回车,若出现vue信息说明表示成功

    创建项目

    1.在你任意喜欢的文件夹中创建一个项目文件夹,如:我创建的是D:/test
    2.使用cmd进入D:/test目录中
    3.使用vue init webpack vue_test命令,vue_test是项目的名称,然后就会叫你填一些有关于项目的信息,凭感觉填就行,但是,像是否使用vue-router这样的选项,建议还是选y
    在这里插入图片描述
    4.进入,vue_test文件夹(cd vue_test),使用npm install命令
    5.使用npm run serve 或者 npm run dev 启动项目在这里插入图片描述
    到这里,vue就能顺利启动了,补充:
    1.如果启动不成功,找不到原因,就进入到D:/test/vue_test目录中删除node_modules文件夹,再来一次
    2.如果需要修改端口,vue3.0以上,在vue.config.js文件中

    devServer: {
        port: 8083,
        open: true
      }
    

    springboot项目的创建

    我这里使用的是idea,如果使用eclipse也差不多,(但是,eclipse要创建springboot,好像是需要安装一个插件,具体什么插件忘记了,有一段时间没用了,有需要的朋友可以问一下度娘)

    idea

    1.idea中,File ⇒ New ⇒ Project
    2.打开一个界面,选择Spring Initializr ⇒ Next,内容随意填,不满意重新填就好,这步骤简单
    在这里插入图片描述
    3.然后一直Next,最后填一下项目名称就好,最后Finish

    eclipse

    1.eclipse中,File ⇒ New ⇒ Spring Starter Project
    2.打开一个界面,看着填写相应行就好,然后Next
    在这里插入图片描述
    3.在接下来的页面中,可以自己随意选择,我一般就选,WEB中的:Spring Web Starter和SQL中的MySQL Driver,然后Finish

    到这里,Springboot项目就创建完成了

    vue与springboot之间的交互

    跨域问题

    在springboot中添加一个配置类就好

    package com.coststatistics.config;
    
    import org.springframework.context.annotation.Bean;
    import org.springframework.context.annotation.Configuration;
    import org.springframework.web.cors.CorsConfiguration;
    import org.springframework.web.cors.UrlBasedCorsConfigurationSource;
    import org.springframework.web.filter.CorsFilter;
    
    @Configuration
    public class CorsConfig {
    
        private CorsConfiguration buildConfig() {
            CorsConfiguration corsConfiguration = new CorsConfiguration();
            corsConfiguration.addAllowedOrigin("*"); // 1允许任何域名使用
            corsConfiguration.addAllowedHeader("*"); // 2允许任何头
            corsConfiguration.addAllowedMethod("*"); // 3允许任何方法(post、get等)
            return corsConfiguration;
        }
    
        @Bean
        public CorsFilter corsFilter() {
            UrlBasedCorsConfigurationSource source = new UrlBasedCorsConfigurationSource();
            source.registerCorsConfiguration("/**", buildConfig()); // 4
            return new CorsFilter(source);
        }
    
    }
    

    登录拦截问题

    1.大致流程:首先是后端,后端在登陆成功之后,必须提供一个token(一串字符串,存在session或者redis中),作用是用于验证这个用户登陆是否有效,另外,会有一个拦截器进行检测(登陆拦截器),如果这个token在session或者redis中过期了,则会返回前端401(也可以是其他,自己设置)的状态码,axios就会通过响应拦截器对这个响应进行拦截,如果拦截到的状态码为401,则会跳转到登陆页面,并且清除vue中的session(注意这里session生效是因为配置了前端访问带cookie,如果没有配置,前端每次访问都是新的session,因此,是获取不到session中的数据的),当然,也可以配合shiro进行使用,我这里没有用shiro
    2.后端拦截器:

    private static final String accesstokenHeader = "access-token";
    public boolean preHandle(HttpServletRequest request, HttpServletResponse response, 
    							 Object handler) throws Exception {
        if (request.getMethod().equals("OPTIONS")) {
    			return true;
    		}
            //这里为什么不用session存着key呢?因为这里之前没有配置前端访问带cookie,因此,是拿不到
            //key的,因此,这里自己封装了一个存放token的方法,并且使用前端传进来的token作为key,如果
            //在系统中没有这个token,则直接认为不是合理请求或者已过期
    		String token = request.getHeader(accesstokenHeader);
    		String systemToken = TokenManage.getToken(token);
    		if (!StringUtils.isEmpty(token) && !StringUtils.isEmpty(systemToken) &&
    				systemToken.equals(token)) {
    			return true;
    		} else {
    			buildGuestResponseBody(response, 401, "sessionId is invalid,please login again!");
    			return false;
    		}
    }
    

    3.前端配置,分两步:
    (1)路由拦截器(主要是拦截路由使用的):

    router.beforeEach((to, from, next) => {
      if (to.path === '/') {
        next();
      } else {
        let token = window.localStorage.getItem('token');
        console.log(token);
        if (token === 'null' || token === '' || token === null) {
          next('/');
        } else {
          next();
        }
      }
    });
    

    (2)axios拦截器,主要是拦截接口使用的,并且有一些接口配置

    // 添加请求拦截器,在请求头中加token
    axios.interceptors.request.use(
      config => {
        if (window.localStorage.getItem('token')) {
          	config.headers.Authorization = window.localStorage.getItem('token');
        }
        return config;
      },
      error => {
        return Promise.reject(error);
      }
    );
    
    // http response 拦截器
    axios.interceptors.response.use(
    	response => {
    			switch (response.data.code) {
            case 401:
                router.replace({
                  name: 'login'
                })
                break;
    	    }
        	return response;
    	},
    	error => {
        	return Promise.reject(error.response.data)   // 返回接口返回的错误信息
    	}
    );
    

    到这里,基本的配置已经完成了,可以正常使用登陆拦截了,另外,默认情况下,前端访问是不带cookie访问的,这种情况,后端就不能使用session存放数据了,那么要怎么配置呢?
    (1))前端:axios.defaults.withCredentials = true,使用axios拦截器就配置上这个
    配置这个之后,后端有两个地方需要注意,在跨域请求的配置上得改一下,
    (2)后端:

    private CorsConfiguration buildConfig() {
        CorsConfiguration corsConfiguration = new CorsConfiguration();
        // 1允许任何域名使用;
        corsConfiguration.addAllowedOrigin("http://localhost:8080");
        // 2允许任何头
        corsConfiguration.addAllowedHeader("*");
        // 3允许任何方法(post、get等)
        corsConfiguration.addAllowedMethod("*");
        corsConfiguration.setAllowCredentials(true);
        return corsConfiguration;
    }
    

    改成这样,首先corsConfiguration.addAllowedOrigin必须为固定的值,不能是“*”,另外,必须
    将corsConfiguration.setAllowCredentials设置成true,要不然不能进行cookie传入
    另外,如果有人问,前端这些代码写在哪里,这就是另一个问题了,大概说一下,你可以写在一个js文件中,然后在main.js文件中引用一下,如:

    import router from './router/index'
    new Vue({
      el: '#app',
      router
    })
    

    还有没有其他的方法,应该是有的,但是我前端只是小小白,这样可以,我就这样用了,也没有深入去研究这个,因此,有需要的朋友可以自行百度,多了解一下

    部署问题

    springboot的部署

    1.进入主类中,让主类继承SpringBootServletInitializer,重写方法:
    @Override
    protected SpringApplicationBuilder configure(SpringApplicationBuilder application) {
    return application.sources(GetDataApplication.class);
    }
    2.进入pom文件中,将packaging标签中更改成war,如果没有,则增加packging标签:
    <packaging>war</packaging>
    3.使用cmd,进入项目跟目录,比如:项目为Test,则需要进入到Test文件夹内,执行命令:
    mvn clean package
    在Test中的target里面会生成一个war包
    4.将war包放到Tomcat中的webapp中,直接运行即可
    坑点:
    1.有可能启动之后会报java.lang.NoClassDefFoundError: javax/el/ELManager异常,原因:
    (1)jre中lib里面的el-api版本和tomcat中的el-api版本不匹配,因此,将jre中的版本复制一份即可
    (2)如果还是不行,那就是el-api版本没到3.0以上,只有3.0以上才有ELManager,因此,下载一个el-api3.0就可以了
    2.在使用mvn clean package打包部署项目的时候,可能会报 test*****,然后打包部署失败之类的错误,只要把测试类注释掉就好了

    vue的部署到tomcat中

    1.在vue项目下的config/index.js中配置(demo为你在tomcat的webapps目录下新建的文件夹的名称)
    assetsPublicPath: ‘/demo/’
    2.在配置路由的index.js中,添加一个属性配置,和routes同级(demo同理)
    base:’/demo/’,
    3.使用cmd进入此文件夹,运行
    npm run build
    4.将vue项目下的dist文件夹中生成的index.html和statis文件夹复制到tomcat中,另外,在tomcat的webapps的目录下新建一个demo的文件夹,并且将刚刚复制的index.html和statis文件夹粘贴到这个目录下
    5.在新建的demo文件夹下新建一个WEB-INF文件夹,并且在里面新建一个web.xml文件,内容如下:

    <?xml version="1.0" encoding="UTF-8"?>
    <web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee"
      xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"
      xsi:schemaLocation="http://xmlns.jcp.org/xml/ns/javaee
                          http://xmlns.jcp.org/xml/ns/javaee/web-app_3_1.xsd"
      version="3.1"
      metadata-complete="true">
    
      <display-name>myword</display-name>
      <description>
         <error-code>404</error-code>
         <location>/index.html</location>
      </description>
    
    </web-app>
    

    6.运行tomcat,在网址中访问ip:port/demo,即可访问,另外,如果觉得这个路径中demo是多余的,可以到tomcat的conf文件夹下,找到service.xml文件,配置Host节点下添加一个Context节点即可,内容如下:

    <Context docBase="D:\java\environment\tomcat\apache-tomcat-7.0.85\wtpwebapps\TestServlet" path="/TestServlet" reloadable="true" source="org.eclipse.jst.jee.server:TestServlet"/>
    

    需要注意的是,前端和后端的端口需要不一样,另外,如果使用的是同一个tomcat,是不能同时开启两个一样的tomcat的,这里需要另外做配置,可以自行百度,具体忘记了

    附录,遇到过的问题

    1.前后端分离参数传递问题
    后端默认接收的是:application/x-www-form-urlencoded,即:xxxx=ssss&fffff=jjjjj这种格式的参数,但是默认前端传递过来的是:application/json这种content-type(即json格式的数据)
    因此,后端接收不到数据
    解决方案:
    针对后端:可以在参数前加一个@RequestBody注解,在参数是javabean对象的情况下
    针对前端:发送报文的时候可以组建xxxx=ssss&fffff=jjjjj这种格式的参数,如:

    this.axios.post(
    	          		"/singleCost/deleteSingleCost.do",
    	          		"id="+this.deleteId
    	          	).then((response) => {
    	                if (response.status === 200) {
    	                	this.confirmDelete = false;
    	                	if(response.data.code == 0){
    	                		this.searchSingleCosts('searchForm');
    	                	}else{
    	                		this.message = response.data.message;
    	                		this.showMessage = true;
    	                	}
    		          	}
    	            }).catch((error) => {
    	                this.message = error;
    	                this.showMessage = true;
    	            });
    

    2.springboot访问静态资源问题
    假设我的静态资源都在文件夹/static下
    (1)如果还没配置拦截器就找不到静态资源,则需要增加一个config类,如下:

    @Configuration
    public class StaticResource extends WebMvcConfigurationSupport {
        @Override
        public void addResourceHandlers(ResourceHandlerRegistry registry) {
            registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
        }
    }
    

    (2)如果配置了拦截器后找不到静态资源,只需要在拦截器中添加白名单即可:"/static/**"

    3.配置拦截器后导致静态资源无法访问
    (1)在拦截器配置类中,即继承了WebMvcConfigurationSupport的类中

    重写addResourceHandlers方法如下:
    @Override
    	protected void addResourceHandlers(ResourceHandlerRegistry registry) {
    		registry.addResourceHandler("/static/**").addResourceLocations("classpath:/static/");
    		super.addResourceHandlers(registry);
    	}
    
    展开全文
  • vue搭建项目

    万次阅读 2021-04-13 21:23:44
    vue init webpack 项目名 cnpm i cnpm run dev 安装sass cnpm install node-sass@4.0.0 --save-dev cnpm install sass-loader@7.3.1 --save-dev cnpm install style-loader --save-dev normalize.css安装 npm ...

    初始化

    • vue init webpack 项目名
    • cnpm i
    • cnpm run dev

    安装sass

    • cnpm install node-sass@4.0.0 --save-dev
    • cnpm install sass-loader@7.3.1 --save-dev
    • cnpm install style-loader --save-dev

    normalize.css安装

    • npm install --save normalize.css
    • import ‘normalize.css/normalize.css’ 在main.js页面
    展开全文
  • vue项目搭建流程

    千次阅读 2019-03-05 15:30:51
    1、安装node(主要用于使用npm...(1)3.X版本启动方式 npm run serve (2)低版本启动方式 npm run dev 好了,项目搭建配置完成了,现在就开始着手自己的项目开发吧。 如有问题,请指出,接受批评。 个人微信公众号:

     

    1、安装node(主要用于使用npm包管理器),配置npm的环境变量

    安装包下载官网地址:https://nodejs.org/zh-cn/(推荐使用长期LTS版,长期支持,稳定)

    注意下载的位数,默认是win10的64位,下载mac,win7,32位等可点击官网顶部的下载。

    直接一直下一步安装即可,可以更改安装路径,但还是建议默认路径安装。

    node安装包安装完自带node js的配置,只需配置npm的变量即可。

    2、全局安装脚手架(只需安装一次即可,两者都安装执行)

    (1)3.X版本安装

    npm install -g @vue/cli 

    (2)低版本安装

    npm install -g @vue/cli-init

    3、在想要创建项目的目录下打开cmd命令行(选择需要安装的一个版本即可

    注:hello-word是我要安装的项目名,根据实际需求更改项目名

    (1)3.X版本安装(不会看到webpack的配置文件)

    vue create hello-world

    (2)低版本安装(会看到webpack的配置文件,推荐使用

    vue init webpack hello-world

    4、安装步骤教程

    (1)3.X安装步骤:

    ①、系统将提示您选择预设

    可以选择基本Babel + ESLint设置附带的默认预设,也可以选择“手动选择功能”以选择所需的功能

    (推荐选择第二个,手动选择)

    ②、根据个人需要选择配置项(选择方法:空格即可)

    ③、路由器是否选择history模式(推荐选择 y,如果选择n,那么路由会默认为hash模式)

    ④、selint语法选择(推荐选择eslint+standard config:标准模式)

    ⑤、检测方式(推荐选择lint on sava)

    ⑥、文件类型(推荐使用json)

    ⑦、保存预设以供未来使用(推荐使用 y)

    ⑧、保存预设并命名

    (2)低版本安装步骤:

    前面四步都可以一路回车,第五步询问是否安装vue-router,选择是,第六步使用eslint代码检查,选择否,第七步设置单元测试,选择否,第八步测试监听,选择否,第九步选择npm即可,等待安装完成

    (其实安装都没有固定的步骤,完全根据个人项目需求,这里只是推荐大众化的步骤)

    5、文件夹详解

    (1)、src文件夹放置所有的资源文件,一般会被webpack用来打包

    ①assets文件夹放置资源文件,如:css,js,fonts

    ②components文件夹放置所有的子组件,即每个页面级组件的子组件,例如:index页面级组件,把它分为header、content、footer三部分,只要在components文件夹下新建一个index文件夹(为了区分其他组件),放入对应的子组件

    ③pages文件夹放置所有的页面级组件

    ④router文件夹中index用来配置路由信息

    ⑤main.js是入口文件,可在此引入公共的样式等

    (2)、static放置的资源文件不会最终被weback打包(一般放置图片文件和本地模拟的json数据)

    6、更改配置

    (1)、更改App.vue文件

    <template>
        <div id="app">
            <img src="/static/logo.png">
            <router-view/>
        </div>
    </template>

    更改为:(目的:插入一个路由插槽,进行页面的跳转,显示不同的路由)

    <template>
        <router-view></router-view>
    </template>

    (2)、更改main.js文件

    new Vue({
        el: '#app',
        router,
        components: { App },
        template: '<App/>'
    })

    更改为:(目的:以app做为根组件,每次在路由插槽渲染页面)(如果有语法报错,禁用eslint检查即可)

    new Vue({
        el: '#app',
        router,
        render(h){
            return h(App)
        }
    })

    (3)、更改router文件夹的index文件(根据项目需求,引入对应页面,配置路由信息,进行页面跳转)(  /  代表跟路径)

    import Vue from 'vue'
    import Router from 'vue-router'
    // import HelloWorld from '@/components/HelloWorld'
    // 首页
    import Index from "../pages/Index";
    // 登录
    import Login from "../pages/Login"
    
    Vue.use(Router);
    
    export default new Router({
      linkExactActiveClass: "act",
      mode: "history",
      routes: [
        {
          path: '/Index',
          name: 'Index',
          component: Index
        },
        {
          path: '/',
          name: 'Login',
          component: Login
        }
      ]
    })
    

    7、项目启动方式

    (1)3.X版本启动方式

    npm run serve

    (2)低版本启动方式

    npm run dev

    好了,项目就搭建配置完成了,现在就开始着手自己的项目开发吧。

    如有问题,请指出,接受批评。

    个人微信公众号:

    展开全文
  • 使用vue脚手架搭建项目详解

    千次阅读 多人点赞 2020-02-24 09:44:12
    安装vue脚手架 这里的版本是vue cli4 cnpm i @vue/cli -g 启动vue脚手架图形化界面 打开命令行,输入以下命令 vue ui 通过vue脚手架图形化界面创建项目 选择项目目录 ...
  • vue项目搭建

    千次阅读 2017-12-08 00:02:53
    vue项目搭建  一、 安装 node.js  百度node.js,去官网下载,安装之后运行node -v 和 npm -v查看node和npm的版本号。 二、安装 vue-cli   首先安装npm install -g cnpm --registry=...
  • 主要介绍了vue3.0 搭建项目总结(详细步骤),文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
  • vite 配置Vue3 项目 创建vue3项目 npm 修改配置(可省略这一步) win+R 输入 cmd 回车,打开命令提示符 npm config set prefix <dir name> 设置仓库路径,英文名,不能有空格 npm config set cache <...
  • 如何搭建一个vue项目(完整步骤)

    万次阅读 多人点赞 2020-06-27 08:07:25
    检查是否安装成功: 二、搭建vue项目环境 1、全局安装vue-cli npm install --global vue-cli 2、进入你的项目目录,创建一个基于 webpack 模板的新项目: vue init webpack 项目名 说明: Vue build ==> 打包方式...
  • this is a vue demo
  • 主要介绍了从零开始搭建vue移动端项目到上线的步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • 一、安装vue脚手架 # 安装 vue-cli 和 脚手架样板代码 npm install -g vue-cli vue init simulatedgreg/electron-vue my-project # 安装依赖并运行你的程序 cd my-project yarn # 或者 npm install yarn run dev ...
  • vue项目详细搭建步骤

    2019-04-02 10:33:51
    详细描述怎么搭建vue项目,nodejs安装,idea支持,以及vue打包部署
  • Django+Vue搭建项目开发环境

    千次阅读 2018-07-13 14:33:36
    开发环境 为了方便大家开发,这里建议统一开发环境。... vue.js 统一编码:UTF-8,换行符:\n 编码配置 Settings——&gt;Editor——&gt;File Encodings 换行符配置 Settings—...
  • 搭建vue项目框架

    千次阅读 2020-02-09 14:02:51
    搭建vue项目框架 搭建vue项目框架 在使用vue作为前端开发框架的复杂项目vue框架的搭建至关重要。框架搭的好引用技术全面,可以为后来开发维护节省很多时间和精力。 安装node.js 首先需要安装node环境,可以直接到...
  • Vue 搭建移动端 h5 项目步骤

    千次阅读 多人点赞 2020-08-04 14:38:01
    Vue 搭建移动端 h5 项目步骤 简介 最近团队里的其他前端小伙伴需要自己搭建移动端 h5 项目,没有整体的思路,于是我就写了这个步骤。 准备阶段 确定项目 ui 框架 现阶段比较好的 Vue 移动端 ui 框架:vant , vux...
  • 使用vue-cli脚手架搭建vue + elementUI 小案例,功能代码不多,主要包括vue项目目录的创建、elementUI的引入、前端路由、i18n国际化语言、scss、引入iconfont
  • Vue项目搭建

    千次阅读 2017-02-12 14:15:58
    最近在做Vue项目搭建环境避免不了。一开始学习的时候,还是先学webpack的基本知识,一步一步配置入口文件等等。后面当然就嫌麻烦了,尤大大的vue-cli打遍天下无敌手。 命令vue init webpack有两种版本,一个...
  • 主要介绍了vue项目搭建以及全家桶的使用详细教程(小结),小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
  • Electron+Vue 项目搭建

    千次阅读 2020-11-21 22:56:22
    node vue electron 安装node node官网http://nodejs.cn/download/,下载安装即可。 npm仓库镜像改为淘宝镜像 npm config set registry http://registry.npm.taobao.org/ 或者 npm install -g cnpm --registry=...
  • Vue 项目搭建流程和使用大全

    万次阅读 多人点赞 2018-07-21 21:18:49
    1.使用vue cli 搭建项目框架 cnpm install -g vue-cli 安装vue cli 脚手架 vue init webpack projectName 创建项目 cd projectName cnpm install 安装依赖模块 2.使用 vue router cnpm install vue rou...
  • vue3搭建项目

    千次阅读 2020-09-30 16:39:42
    99 位贡献者的努力 ,2600 次提交 628 次 PR,在 2020 年 9 月 19 日 Vue3 更新了 正式版本,正式版本一出,代表着不会再有太大的改动了,也意味着你可以开始学习了,这篇文章主要介绍下vue-cli3.0项目搭建 ,分享给...
  • vue3.0搭建项目文档

    2020-10-31 18:22:08
    vue3.0项目安装文档,很详细,适用于初学vue的小伙伴们,只需一遍搭建环境,啦啦啦啦啦。。。。。。
  • 3.创建项目vue create hello-vue,然后启动项目 npm run serve 4.配置路由: (1).安装vue-router(npm install vue-router);main.js引入如下 Impot router form ‘vue-router’ Import Vue from ‘vueVue.use...
  • 本项主要介绍echart+element ui+vue成功搭建CDN项目
  • vue+cesium项目搭建环境

    千次阅读 2020-04-16 11:51:06
    2、创建vue项目vue init webpack test(此处项目名为test,你可以换成你想要的任何名字) 3、进入test文件夹,下载cesium cd test npm install cesium 4、进行webpack配置 先把进入node_modules\cesium\Build...
  • vue+webpack搭建项目超详细教程

    千次阅读 多人点赞 2020-08-06 22:28:18
    在使用vue-cli之前,请确认你的电脑已经安装了 node,建议版本在 8.0.0 以上
  • 创建项目时,控制台出现报错信息,页面中代码空格引起的,具体原因还是eslint校验: 报错信息: 先来看下Vue的版本: Vue4.0中安装使用eslint的两种方式: 1、使用npm安装 npm install eslint --save-dev ...
  • 最近在看webpack4,深感知识浅薄,这两天也一直在思考cli的配置,借助一些别人的实践,尝试自己搭建vue项目,这里使用webpack4版本,之前我在网上查找别人的vue项目搭建,但是都是webpack3的,所以写了本文,如果有...
  • 主要介绍了vue-cli2.0转3.0之项目搭建的详细步骤,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 63,680
精华内容 25,472
关键字:

vue怎么搭建项目

vue 订阅