安装vue遇到的问题-nodejs报错 471 npm安装包失败 报错npm ERR! Windows_NT 6.1.7601 安装Intellij Idea Python2.7安装

一.安装配置nodejs  https://www.cnblogs.com/zhouyu2017/p/6485265.html

1.选择安装模式，没研究，选的默认的，待后研究。

第一个是运行环境  第二个是包管理 第三个是在线文档快捷方式 

2.安装express框架

这个是一个web架构，可用来动态访问静态文件夹static以外的非静态文件夹下的一些文件。

cmd 

查看当前安装路径 npm root

移动到node的安装路径，我安装在E盘了

cd /d e:\

cd nodejs

再查看下路径 npm root

npm的原理大概就是从当前目录往上找，找到哪个目录有node_modules就认为这才是真正的项目目录，所以东西全给装那里面去

查看全局路径 npm config get prefix

npm install xxx 利用 npm 安装xxx模块到当前命令行所在目录；

npm install -g xxx 利用npm安装全局模块xxx；

开始安装，以上没用。

 

npm install -g express

npm install -g express-generator

npm install -g jade

/* npm install -g vue

npm install -g vue-init

npm install -g vue-list

npm install -g webpack */

别管它安在哪个盘了，我把nodejs安装在E盘，这个框架应该默认安装在C盘了

在webstorm上配置

二.安装SVN

https://tortoisesvn.net/downloads.zh.html

遇到了这个问题

cmd: ?

npm install cnpm -g --registry=https://registry.npm.taobao.org

npm install vue-cli -g

webstorm:

npm install cnpm -g --registry=https://registry.npm.taobao.org (全局在哪执行都可以)

npm install

npm run dev

最后，折腾半天，安装一直报错，最后换了低版本的。v6.11.2

再安装一下

然后用svn检出项目，cd到项目文件夹下， cnpm install 这里在cmd中进行。

找了一堆解决办法文档，待以后实验。

https://www.cnblogs.com/cyttina/p/8030522.html


https://www.zhihu.com/question/45549804


https://www.cnblogs.com/s313139232/p/7885518.html


https://blog.csdn.net/agnesluo/article/details/76795336

 

https://blog.csdn.net/qq_32068809/article/details/79513618

三.安装Intellij Idea

配置步骤：https://blog.csdn.net/github_34123799/article/details/71699203

配置 启动后台项目 本项目不用配tomcat

如果用了tomcat，从官网下载一个，然后再配置下。

四.学习使用vue

当在新建一个vue项目，vue init webpack vue_test 

报471错误时，缺什么就全局安什么。

上面有一个错误，是registry的问题，镜像错误，换个镜像就行了，先把这个卸载

npm uninstall path-is-absolute -g

换个国内的淘宝镜像

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

看看设置成功没

npm config get registry

好啦，再安一遍，成功。

 

之后做项目时遇到这个问题  npm WARN prefer global node-gyp@3.6.2 should be installed with -g

这里就提前安装下 npm install -g node-gyp 

安完再查看下版本。

然后创建项目，cd到要放项目的文件夹下

vue init webpack vue_test 

项目名称

项目描述

作者（不写竟然有默认到了git名上）

等。。。看图

这里 ESlint没有安装，这个代码检查，安装比较好，当用到const时，const 变量重新赋值不是个静态错误。在本地不会报错，

部署到线上会出问题，使用了 ESLint 并开启了 no-const-assign 规则，这个线上问题就能被扼杀在萌芽状态。

https://www.cnblogs.com/ziyunfei/p/6038213.html

最后的问题是，项目建成要不要直接npm install，选了yes。

安装成功

按照提示

cd vue_test

运行 npm run dev

在网页打开 :  http://localhost:8080

成功

在webstorm中打开项目，如果想有默认的vue模板，在File and Code Templates中设置一个。

如果要用ElementUI架构，在需要的项目里安装下

然后在main.js里引用

 

import ElementUI from 'element-ui'

import 'element-ui/lib/theme-chalk/index.css'

Vue.use(ElementUI)

遇到问题，需要下载Babel 

https://www.cnblogs.com/lihaozhou/p/4443071.html

遇到问题，引用后是灰色的，开始找问题，其实没问题，因为没用它之前就是灰色的，用了就不灰了。以下是找问题的步骤[笑]

 

 

这里查了下，JavaScript已经是ECMAScript 6 了，但typescript还没有安装，全局安一下。

 

npm install -g typescript

https://blog.csdn.net/xiaozhi_2016/article/details/64922203

从SVN上下载下来的项目，需要从新下载各种包，用npm install ，报错如果如下，删除项目下的node_modules文件夹。

重新安装。

 办法1：将代理设置为空

             npm config set proxy null

             安装淘宝镜像

             npm install -g cnpm --registry=https://registry.npm.taobao.org

             使用淘宝淘宝定制的 cnpm 命令行代替默认的 npm 

             cnpm install [name]

             这个办法不行，据说这个淘宝镜像不能用，我安装时确实卡住不动了。

办法2：将代理设置为空

            npm config set proxy null

            因为之前在本地安装时，将代理设置为https，现在换回来，改为http。

            npm config set registry http://registry.npmjs.org/

            再安装

            npm install

            成功了

cnpm install echarts -S  安装到生产环境 dependencies

如果遇到错误：

遇到这种错误，先查看自己安没安装node-gyp，没安 安装下

npm install -g node-gyp

官网说明 https://github.com/nodejs/node-gyp，

node-gyp是一个用Node.js编写的跨平台命令行工具，用于为Node.js编译本机addon模块

还需安装 npm install --global --production windows-build-tools （可选）

从Cmd.exe（以管理员身份运行）。

如果不安这个工具，可以尝试以下安装，如下：

https://www.jianshu.com/p/2b831714bbff

visual c++ build tools的安装与使用：https://blog.csdn.net/u012247418/article/details/82314129

或按node-gyp官方文档，安装Visualc+构建环境：VisualStudio构建工具

打开链接下载安装程序： Microsoft Visual C++ Build Tools 2015，双击visualcppbuildtools_full.exe，选择默认即可

安装python-27

去官网安装 https://www.python.org/downloads/release/python-2715/

建议安装2.7.X版本的，node-gyp不完全支持python3。

next next finish

配置环境变量

在path中加入 ;E:\AwebNeed\Python27;

在环境变量里添加名为PYTHON的环境变量，值为python.exe的路径

https://www.baidu.com/link?url=5pumWdlPU9d_SroYkxuTpV0ijLAYMg0vc8j9Vb1Zl1fmFv5bfmDJW6GRlaIL1XbMIV45N2nLPs1DdLd4XZJzrZ3OvmMQuvDu6w6D4ItU1Oe&wd=&eqid=d4dbd0ef000145cf000000025d1f1286

检测 cmd 输入 python

或者 输入 python -V 

再安装npm install

报以下错误

 

Idea报错Command line is too long

需要在该项目文件夹下.idea/workspace.xml中添加

<component name="PropertiesComponent">
  ...
  <property name="dynamic.classpath" value="true" />
</component>

 我的问题得到了解决。