• 【Vue,安装Node.js,并新建一个项目】


    一、下载地址https://nodejs.org/zh-cn/

            
        
     
     

    二、安装好后准备配置环境变量

      1.首先先建好两个文件夹
        

      2.然后在D:Nodejs ode_modules pm下找到NPMRC这个文件,打开修改如下:

        

      3.配置环境变量

        在下面的系统变量中找到Path,点击编辑,在后面加入nodejs的安装目录,我这里就是D:Nodejs

        

    三、CMD界面输入node-v

          
     
     
     
      2.更改注册表源
    ·  国内用户在npm上经常安装不上包,大部分原因是被wall了,导致根本没法使用。而淘宝团队给出了npm镜像,我们可以将npm的注册表源改为此镜像解决npm中包无法install的问题。
      2.1临时使用:安装某个包时使用如下命令:
      
    $ npm --registry https://registry.npm.taobao.org install [packagename]
    

       将[packagename]改为想要安装的包的名字即可。

      2.2永久使用

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

     执行此命令后,每次执行npm install,都会默认从淘宝镜像搜索并下载包。

      3. 某些包无法安装

    使用npm过程中经常会遇到某些包执行npm install后就卡住不动的情况,这里需要从几个点排查问题。
    1. 是否是wall的原因。如果是此问题则参考上一小节更改注册表源。
    2. 安装的包的依赖是否有无法下载的。这种不太好判断,可以在npm install命令后加一个-dd--verbose来显示详细信息,这样就可以看到是安装的哪一步除了问题。
    - $ npm install webpack -g -d$ npm install webpack -g --verbose

    四、vue-cli全局安装

         命令行执行 : npm install -g vue-cli    // 加-g是安装到全局
         安装完成以后 可以输入命令 :vue 回车,可以看到针对vue的命令行;
           
     
     

    五、初始化项目

            执行命令: vue init webpack demo(你新建的项目名称/文件名称)
            执行之后将会 自动初始化一个文件夹 :demo

            一路回车吧,中途有一个输入名字的地方

  • 相关阅读:
    webpack打包提示: Uncaught Error: Cannot find module 'strip-ansi'
    CentOS 7.6 内网穿透服务lanproxy部署
    《这是全网最硬核redis总结,谁赞成,谁反对?》六万字大合集
    网络监控解决方案及拓扑图
    漫画:什么是 “混合云”?
    听说过Paas、Saas和Iaas,那你听说过Apaas吗?
    Squid设置用户名密码
    别再售卖 5块钱 的 Win10 激活码了,后果很严重
    Jackson 实体转Json、Json转实体
    Spring
  • 原文地址:https://www.cnblogs.com/iitxt/p/9065735.html
Copyright © 2020-2023  润新知