node>vue及vue相关安装

一、Node安装(Windows)

1.Node.js 安装包及源码下载地址为:https://nodejs.org/en/download/。


2.下载.msi安装完成后,检测PATH环境变量是否配置了Node.js,点击开始=》运行=》输入"cmd" => 输入命令"path",输出如下结果:

3.检查Node.js版本:node --version 或  node -v

4.检查npm是否安装成功:npm -v


安装成功


报错

解决方法:

1.使用一个proxy来代理访问,但是这个方法速度可能比较慢;

2.可以通过修改npm的配置文件让npm到另外的pacakge mirror站点去找package,通过如下命令

$npmconfigsetregistry https://registry.npm.taobao.org

$npm configsetregistry http://r.cnpmjs.org

或者:npm config set registryhttp://registry.npmjs.eu

随后再执行  npm install  或者直接在命令行中指定某些参数,比如phantomjs是一个无图形界面的浏览器,在自动化测试中应用广泛,可能的安装方式:

npm install phantomjs --phantomjs_cdnurl=http://cnpmjs.org/downloads

如果上述方法都不奏效,那么可能需要 配置自己网卡的dns为国外的dns

如果你在企业防火墙的后面,上网是通过企业的代理来上的,或者需要使用代理加速npm安装过程,那么需要配置proxy和https-proxy

二、Vue安装

1)npm(node安装完自动安装)

1.安装vue-cli 脚手架构建工具:npm install -g vue-cli

2)cnpm(要安装)

1.安装cnpm:npm install -g cnpm --registry=http://registry.npm.taobao.org

2.安装vue-cli 脚手架构建工具:cnpm install -g vue-cli(2.0)

                                                  cnpm install-g @vue/cli/cnpm install @vue/cli -g(3.0)

ps:卸载脚手架:npm uninstall vue-cli -g

3.检查是否安装成功:vue -V

4.安装webpack:npm install -g webpack

5.webpack的版本查询:webpack -v

6.进入相应的文件夹初始化一个项目:vue init webpack myVue(vue-cli2)

            vue create myVue(vue-cli3)

7.进入项目安装项目所需要的依赖包/插件(在package.json可查看):cd myVue   ———>>   npm install / cnpm install

(npm install --registry=https://registry.npm.taobao.org)

如果创建项目的时候没有报错,这一步可以省略,拿到别人的项目或从gethub上下载的项目第一步就是要在项目中cnpm install;下载项目所依赖的插件,然后npm run dev 运行项目

8.运行项目(用热加载的方式运行我们的应用,热加载可以让我们在修改完代码后不用手动刷新浏览器就能实时看到修改后的效果):

npm run dev / npm run start(npm start vue也可) / npm run serve

9.在浏览器中输入项目启动后的地址:http://localhost:8080

10.结束项目运行:ctrl+c(快捷键)

11.打包文件(输入打包命令:cnpm run build;会生成一个dist文件,就是我们的打包文件,点击.html文件能运行则成功):cnpm run build

三、Vue插件安装

1.npm install axios --save

2.npm install element-ui --save

四、Vue相关安装

1.vscode安装相关插件

2.mint UI安装:npm i mint-ui -S

你可能感兴趣的:(node>vue及vue相关安装)