vue 环境搭建

Posted 2021-12-13 gfbppy

参考链接：

1. https://blog.csdn.net/mao834099514/article/details/79138484 搭建vue环境

2.  https://blog.csdn.net/wjnf012/article/details/80422313 npm 和cnpm的安装

3.  https://www.cnblogs.com/sunsanfeng/p/vue_cli.html  vue创建项目的步骤

 

Vscode 下载安装即可

配置步骤：

1.下载node.js 直接一路下一步安装

2.设置npm全局模块的存放路径，cache路径。

首先在node.js 安装目录下c:\\Program Files\\nodejs 创建 node_global，和node_cache文件夹，然后运行如下命令

npm config set prefix "c:\\Program Files\\nodejs\\node_global"

npm config set cache"c:\\Program Files\\nodejs\\node_cache"

3.添加环境变量  NODE_PATH  路径是c:\\Program Files\\nodejs\\node_global

 

4.设置 网络代理

npm set proxynpm config set proxy   代理地址 

npm config set https-proxy  代理地址

5.安装淘宝cnpm ： npm install -g cnpm --registry=http://registry.npm.taobao.org

6.安装 express   npm install express -g

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

8.配置 vue环境变量，搜索vue.cmd的路径，把vue.Cmd 所在的目录配置到环境变量中

9.Cd 到要创建项目的文件夹；vue init webpack firstVue  创建项目。

10.cnpm install   下载必要的项目依赖（测试过程中用cnpm 报错失败了，可以用 npm install）

11.npm run dev 运行项目