2020年11月windows7安装使用nodejs

windows7安装nodejs

• 安装nodejs
• NPM功能使用
• • NPM功能和CNPM
  • 创建一个vue项目(项目名称为my-project)

安装nodejs

最近在安装使用npm,用到了nodejs,所以到nodejs官网,下载最新版本,发现nodejs最新版本不在支持win7系统

选择nogdejs版本(12.18.4)

,所以在在网上找了一个可以支持window7的版本(12.18.4),安装后效果如下:

下载安装

找到历史版本页面(历史版本连接:https://nodejs.org/en/download/releases/),进入后如下:

页面往下滑动找到,上图中标注的版本,点击download进入下载界面,如下:

选择对应的版本就行,我这边win7,64位选择是的node-v12.18.4-x64.msi这个安装版.,下载后双击安装下就可以使用了.

和普通的exe软件安装方法一致.安装完成可以打开cmd窗口使用node -v和npm -v命令测试下安装结果.,出现版本号说明安装成功,可以使用NPM功能了.

NPM功能使用

NPM功能和CNPM

使用npm主要是用来运行一些命令,但是npm下载资源的时候有时很慢,所以淘宝在npm的外层包装了一层,形成了一个cnpm的功能.通过cnpm安装下载资源由于是国内淘宝资源站里的内容,所以会快很多,可以使用cnpm代替npm来开发.所以就需要安装cnpm的功能,安装方法:

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

或者

npm install cnpm -g

当然,最好使用第一种,指定资源位置,这个就确定是从淘宝资源中安装cnpm了

创建一个vue项目(项目名称为my-project)

第一步 创建一个vue项目文件夹存放vue项目,安装vue-cli

# 全局安装 vue-cli
$ cnpm install --global vue-cli

第二步 使用vue创建项目

# 创建一个基于webpack 模板的新项目,项目名称为my-project
$ vue init webpack my-project

第三步 配置项目信息

# 在第二步执行完后会提示需要进行一些配置，默认回车即可
This will install Vue 2.x version of the template.

For Vue 1.x use: vue init webpack#1.0 my-project

? Project name my-project
? Project description A Vue.js project
? Author runoob <[e-mail]>
? Vue build standalone
? Use ESLint to lint your code? Yes
? Pick an ESLint preset Standard
? Setup unit tests with Karma + Mocha? Yes
? Setup e2e tests with Nightwatch? Yes

   vue-cli · Generated "my-project".

   To get started:
   
   
   
   Documentation can be found at https://vuejs-templates.github.io/webpack

进入到项目根目录,运行项目

     cd my-project
     cnpm install
     cnpm run dev

运行项目命令后在默认浏览器中打开首页

运行项目命令; cnpm run dev ,并没有在默认浏览器中打开首页,而是弹出如下届满
结果弹出 Your application is running here..

原因是在vue项目的配置文件中autoOpenBrowser默认配置为false,所以 默认不会再浏览器中打开,修改为true即可.
配置目录: my-project/config/index.js

配置修改完成后,再次运行项目,就会发现在浏览器中打开index界面了.