nodejs安装与测试

这个是小编对的百度云下载地址：链接：https://pan.baidu.com/s/1tMCvrHM5Pz1bKY-m1RAY6Q 
提取码：yuoo 

官网下载地址：https://nodejs.org/en/download/

安装与配置详细文章：https://www.cnblogs.com/zhouyu2017/p/6485265.html

小编下载的本身就是压缩的，解压后就可以使用了，下面测试一下，在当前文件夹地址栏输入cmd

创建完两个空文件夹之后，打开cmd命令窗口，输入（后面的地址表示下载的路径，填写自己的）

npm config set prefix "D:\node-v10\node_global"
npm config set cache "D:\node-v10\node_cache"

 

到配置环境中配置npm

直接在系统环境中path中配置路径:D:\node-v10（填写自己node的路径）

这样在如何路径中都可以实现npm功能了

也可以配置一下vue路径，不然每次都要到文件夹中启动创建，如何配置和上面一样，不多说了

----------------------------------------------

项目创建

npm install -g vue-cli  

vue init webpack vuehr  =====(创建的项目名称，自己写)

cd vuehr     ======进入中国项目

npm run dev ====启动

在执行“vue init webpack vuehr”命令时，会要求输入项目基本信息：如下

基本信息主要包括：

项目名称

项目描述

项目作者

Vue项目创建：运行+编译还是仅运行

是否安装vue-router

是否安装ESLint

是否使用单元测试

是否使用Nightwatche2e测试

是否咋项目创建成功后制动执行“npm  install”安装依赖，诺选择否，则在第4行命令执行前执行“npm install”

--------当“npm run dev”命令执行后会出现一个端口

下面我们就可以访问Vue了

----------------------------------

对于网上下载的vue需要先到项目目录中执行npm install下载项目需要的包,可能会要一些时间,结束后你会发现项目中多了一个node_modules文件夹,里面有当前项目中需要的包.

然后继续执行npm run dev 或者 npm start

-------------------------------------

这里插入一节,就是小编自己想通过内网穿透进行访问结果出现invalid Hst header无效的请求头,小编百度了一下,只要在配置文件中devServer中添加如下代码就可以了.

devServer{
compress: true,
disableHostCheck:true,
}

--------------------------------------------------

在编写vue中会出现的问题

1.在编译器中，编写代码会出现红色警告线，虽然编译不报错，但是作为一个有原则有强迫症的程序员来说简直是要命，

到设置中进行设置就可以了，解决方法原地址，小编偷懒不写了。

https://www.cnblogs.com/momo798/p/6519477.html

2.通过生成的webpack中在webstorm打开，小编在运行的时候出现空格警告，这是因为ESlist代码规格规范，但这个规范太过严格了，对应有强迫症的程序员来说就绝对不允许的，我们只要不启动ESlist规范就可以了，build--》webpack.base.conf.js中

const createLintingRule = () => ({
  // test: /\.(js|vue)$/,
  // loader: 'eslint-loader',
  // enforce: 'pre',
  // include: [resolve('src'), resolve('test')],
  // options: {
  //   formatter: require('eslint-friendly-formatter'),
  //   emitWarning: !config.dev.showEslintErrorsInOverlay
  // }
})

想小编一样注释掉什么内容就可以了，当然删除也可以，不过下次开启的时候就麻烦了，建议注释。