学习vue

最近项目用到了vue,所以简单的学习一下

首先要搞清楚下面的概念:nodejs, npm,  cnpm,  vue-cli,  webpack

1.从官网上下载nodejs 并在对应的文件夹下创建两个文件夹:node-cache  node-global
2.因为最新的nodejs中已经有了npm 所以不需要在npm安装
3.在配置环境中配置nodejs:
 D:\Program Files\nodejs
 D:\Program Files\nodejs\node-global
4.安装vue-cli
5.最新的vue上面已经有了webpack
6.通过vue来创建项目,并进行初始化
7.进到项目路径下通过命令:npm run dev 进行启动
优化:
8.通过webstorm将vue项目打开,并添加npm 启动
9.将npm可以转为cnpm来进行创建项目

遇到的问题:

1.found 6 vulnerabilities (3 moderate, 3 high)
  run `npm audit fix` to fix them, or `npm audit` for details
方案:执行 npm audit fix 命令,会显示问题的详情描述

在网上有人说:

删除根目录下面的 node_modules 文件夹,然后重新执行’npm install’,这样相关依赖组件就会下载安装完成,问题解决

哎,试了没有卵用,后来找了找

正确方案:第一步:npm cache clean --force

     第二步:将node_modules 依赖包删除

     第三步:npm install 

     第四步:npm run dev 

如果上面的步骤还不行!!!

那就用安装淘宝镜像:npm install -g cnpm --registry=https://registry.npm.taobao.org

  将上边的三步改为:cnpm install ,其他步骤依旧

学习element ui 登录页面:https://www.jianshu.com/p/96143f0917aa
posted @ 2019-11-21 14:16  宗贵涛  阅读(1001)  评论(0编辑  收藏  举报