• 记录vue


    #查看版本
    node -v
    #安装 Node.js 淘宝镜像加速器(cnpm)注意源地址已经改变
    npm install -g cnpm --registry=https://registry.npmmirror.com
    cnpm install cnpm -g
    #全局安装 vue-cli
    cnpm install vue-cli -g
    #查看是否安装成功
    webpack -v
    或
    vue list
    # 这里的 myvue 是项目名称,可以根据自己的需求起名
    vue init webpack myvue
    #初始化运行
    cd myvue
    cnpm install
    cnpm run dev
    #安装并运行成功后在浏览器输入:http://localhost:8080
    
    # 进入工程目录
    cd myvue
    # 安装 vue-router
    cnpm install vue-router --save-dev
    # 安装 element-ui
    cnpm i element-ui -S
    # 安装 SASS 加载器
    cnpm install sass-loader node-sass --save-dev
    #vue-router 用来页面跳转或者说是组件跳转;elemenet-ui 即 ui 样式库;sass-loader 是 webpack 的一个loader;node-sass 把 sass编译成css。
    
    
    # 安装依赖
    cnpm install
    # 启动项目
    cnpm run dev
    
    
    ===========
    查看本地nodejs的版本号和node-sass的版本号
    
    node -v ---查看nodejs的版本号以及查看其是否安装  Node16   16.14.2
    node-sass -v ---查看node-sass的版本号以及查看其是否安装  6.0+
    
    1.报错原因 less 本版太高需要降低版本,执行代码
    先移除之前版本:
    npm uninstall less-loader
    下载指定版本:
    npm install less-loader@5.0.0 -D
    ============暴力解决=======
    cnpm install node-sass sass-loader --save
    或
    cnpm install node-sass sass-loader --save-dev
    ===========
    node 16.14.2
    
    cnpm uninstall node-sass sass-loader
    cnpm i node-sass@6.0.1 sass-loader@7.0.3.
    
    ====
    切换国内镜像
    npm install -g mirror-config-china --registry=https://registry.npmmirror.com
    npm install sass-loader node-sass -D
    =======
    cnpm uninstall node-sass sass-loader
    cnpm install sass-loader node-sass -D
    
    cnpm i node-sass@6.0.1 sass-loader@7.0.3
    

      

  • 相关阅读:
    Linux install
    plafrom library
    lua 线程
    plafrom SDK
    CSS中的focus-within伪类选择器
    网站打开速度优化_如何提高网页访问速度技巧方法总结
    网页预加载_骨架屏Skeleton Screen的实现
    SASS简介及使用方法
    什么是BFC布局——浅析BFC布局的概念以及作用
    JAVA面试题(九):JVM
  • 原文地址:https://www.cnblogs.com/xiongwei/p/16613834.html
Copyright © 2020-2023  润新知