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界面了.
