创建vue项目

提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档


1.vue-cli脚手架初始化项目

前提:电脑上安装 node + webpack 最好使用淘宝镜像

//在项目创建文件夹下,blog是文件名(项目名)
vue create blog 

2.项目的其他配置

项目运行起来的时候,让浏览器自动打开

//在package.json文件中

    "scripts": {
        "serve": "vue-cli-service serve --open",
        "build": "vue-cli-service build",
        "lint": "vue-cli-service lint"
   	 },

eslint校验功能关闭

//在根目录下,创建一个vue.config.js文件
//比如:声明变量但是没有使用,eslint校验工具报错
   module.exports = {
        // 关闭eslint
        lintOnSave:false
    }

在jsconfig.json文件中配置src文件夹简写方式,配置别名。 @代表了src文件夹,这样将来文件过多,找的时候方便很多

		{
            "compilerOptions": {
                "baseUrl": "./",
                "paths": {
                    "@/*": [
                        "src/*"
                    ]
                }
            },
            "exclude": [
                "node_moudules",
                "dist"
            ]
        }
    //如果有报错:将设置中的check.js勾选

3.安装插件vue-router

//安装指定版本vue-router
npm install --legacy-peer-deps vue-router@3.5.2

3.安装插件vuex

//安装指定版本vuex
npm install --legacy-peer-deps vuex@3.6.2

总结

提示:这里对文章进行总结:
例如:以上就是今天要讲的内容,本文仅仅简单介绍了pandas的使用,而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。


版权声明:本文为weixin_43786395原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。