windows7安装nodejs

windows7安装nodejs
1安装nodejs
最近在安装使用npm,用到了nodejs,所以到nodejs官网,下载最新版本,发现nodejs最新版本不在支持win7系统
2选择nogdejs版本(12.18.4)
所以找个可以支持window7的版本(12.18.4),安装后效果如下
3下载安装
https://nodejs.org/zh-cn/download/releases/
https://nodejs.org/download/release/v12.18.4/

选择对应的版本就行,我这边win7,64位选择是的node-v12.18.4-x64.msi这个安装版.,下载后双击安装下就可以使用了
和普通的exe软件安装方法一致.安装完成可以打开cmd窗口使用node -v和npm -v命令测试下安装结果.,出现版本号说明安装成功,可以使用NPM功能了.
4NPM功能使用
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了
5创建一个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 <test@runoob.com>
? 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
6进入到项目根目录,运行项目
cd my-project cnpm
install cnpm
run dev
7运行项目命令后在默认浏览器中打开首页
运行项目命令; cnpm run dev ,并没有在默认浏览器中打开首页,而是弹出如下届满
结果弹出 Your application is running here..
原因是在vue项目的配置文件中autoOpenBrowser默认配置为false,所以 默认不会再浏览器中打开,修改为true即可.
配置目录: my-project/config/index.js
配置修改完成后,再次运行项目,就会发现在浏览器中打开index界面了.

--声明--

1、会员在访问网站并且下载文档提示缺少学费请每天签到或者分享资源即可拥有学费。

2、付出是相互的，请不要想不劳而获的好事能在你身边发生，社会是公平的。

3、转载或引用本网站内容须注明原网址，并标明本网站网址(http://www.aurrel.com)。

4、转载或引用本网站中的署名文章，请按规定向原作者支付稿酬。

5、网站发布的部分源码或者教程仅限用于学习和研究目的；不得将上述内容用于商业或者非法用途，否则，一切后果请用户自负。本站信息来自网络，版权争议与本站无关。您必须在下载后的24个小时之内，从您的电脑中彻底删除上述内容。如果您喜欢该程序，请支持正版软件，购买注册，得到更好的正版服务。如有侵权请邮件（215586711@qq.com）与我们联系处理。

本文地址: https://www.aurrel.com/thread-17421-1-1.html