VUE：常见脚本及错误

原创已于 2024-03-19 14:44:10 修改 · 515 阅读

9 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

于 2024-01-30 14:36:45 首次发布

本文详细介绍了如何在Node.js环境中进行npm配置，如设置全局模块路径、淘宝镜像源、清理缓存，以及在VueCLI项目中初始化、安装依赖、处理axios请求、解决CSS编译问题和引入VueCookies。

查看node安装信息

npm config list

设置全局模块安装路径

npm config set prefix "D:\java\node\node_global"

设置缓存目录

npm config set cache "D:\java\node\node_cache"

设置镜像源为淘宝npm镜像

npm config set registry=https://registry.npm.taobao.org

1.项目初始化

vue init webpack ui

2.安装脚手架

npm install webpack -g

npm install webpack-cli -g

npm install -g @vue/cli

指定版本：

npm install -g @vue/cli@4.5.6

3.镜像

（1）查看

npm config get registry

（2）设置

npm config set registry https://registry.npm.taobao.org

清除缓存

npm cache clean --force

npm install --save axios

npm install axios@1.5.0 --save

npm i element-ui -S

npm i echarts

111.npm ERR! request to https://registry.npm.taobao.org/@vue%2fcli failed, reason: certificate has expired

npm config set strict-ssl false

import导入带有@路径，鼠标无法点击进入，在根目录下新建如下文件：

jsconfig.json

{
    "compilerOptions": {
        "baseUrl": ".",
        "paths": {
            "@/*": [
                "src/*"
            ]
        },
        "target": "ES6",
        "allowSyntheticDefaultImports": true
    },
    "include": [
        "src/**/*"
    ],
    "exclude": [
        "node_modules"
    ]
}

axios使用post传参，但是参数还是挂在url后面，原因是传参方式不对

params是参数拼接在url上：

data是对象形式：

安装css：saas

node版本是16.18.1

npm install node-sass@6.0.1 sass-loader@10.2.0 --save-dev

npm install -g node-gyp

npm install --global --production windows-build-tools

引入cookie

npm install vue-cookies --save

main.js引入

import VueCookies from 'vue-cookies'
Vue.use(VueCookies)

VUE：常见脚本及错误

1 条评论