zoukankan      html  css  js  c++  java
  • 【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

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

  • 相关阅读:
    年薪百万必备能力
    二叉搜索树
    字符串和字符串模式匹配
    2006最后寄语
    “豆瓣”式推荐
    什么是LOMO?
    大国崛起
    马季之死
    时间的价值(The Value Of Time)
    我读雅虎的“花生酱宣言”
  • 原文地址:https://www.cnblogs.com/iitxt/p/9065735.html
Copyright © 2011-2022 走看看