nodejs安装和环境搭建,taro安装教程

燃烧的冰2022-08-13  242

wellcms 小程序使用 react + taro 3.4.12 + taro-ui 2.3.4 开发,二开和编译都需要 nodejs 环境,nodejs 环境也可以编译bootstrap。

 

有问题到 http://www.wellcms.net/ 留言

 

windows 10 安装nodejs,搭建nodejs环境教程。

 

1.下载node.js最新版,我使用的是 v16.16.0 版本。

下载地址: https://nodejs.org/en/ 

2.接下是安装,比较简单,看图就行了。

我安装到了D盘自己的需要,自行更改。

D:\Program Files\nodejs\

下面这个不需要勾选,勾选安装完会弹窗,下载一堆东西。

接下来WIN+R,以管理员权限打开CMD,输入下面的命令,显示出来就是成功了。

查看node的版本

node -v

查看npm的版本(新版的node安装自带安装npm)

npm -v

3.1接下来配置环境变量

创建文件夹目录

在 D:\Program Files\nodejs\ 目录创建这2个文件夹

node_global

node_cache

管理员身份- 打开cmd,配置路径,配置完成关闭cmd窗口:

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

3.2 配置环境变量

找到电脑环境变量位置

win10&win11:右键此电脑——属性——高级系统设置——高级——环境变量

win11还可以:点设置——系统——关于——高级系统设置——高级——环境变量 

用户变量 Path 点编辑

追加下面2个,确定

D:\Program Files\nodejs
D:\Program Files\nodejs\node_global

接下来系统变量新建,确定

NODE_PATH
D:\Program Files\nodejs\node_global\node_modules

在 系统变量 中 选择 Path 添加如下属性,如果有可跳过 

D:\Program Files\nodejs\

4.至此nodejs 环境搭建完成了,进行测试

全局安装最常用的 express 模块进行测试,命令如下: 

16.16.0之前的版本使用

npm install express -g

16.16.0之后使用下面的命令

npm install express --location=global

执行完成后到 D:\Program Files\nodejs\node_global\node_modules 目录查看 express 在不在

5. 全局配置淘宝镜像

管理员身份打开cmd执行以下命令,全局配置淘宝镜像,这样下载速度会快些。

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

 

6. 全局安装webpack

npm install webpack --location=global

至此nodejs环境搭建完成。

 

下面安装taro,需要使用 npm 或者 yarn 全局安装 @tarojs/cli 下面的任意命令都可以,推荐yarn安装,但需要先安装

npm install --location=global yarn

安装cnpm命令,安装cnpm或yarn其中一个就可以

npm install --location=global cnpm

全局安装 @tarojs/cli 执行任意一个命令

# 使用 npm 安装 CLI
npm install -g @tarojs/cli

# OR 使用 yarn 安装 CLI
yarn global add @tarojs/cli

# OR 安装了 cnpm,使用 cnpm 安装 CLI
cnpm install -g @tarojs/cli

如果安装过程出现sass相关的安装错误,请在安装 mirror-config-china 后重试。我是没有出现这个问题,没有出现的忽略。

npm install --location=global mirror-config-china

 

管理员身份打开cmd进入D盘,不然会安装到C盘

d:

taro安装完成,新建项目使用命令,在D盘根目录会创建myApp目录。这是新建,安装已有项目往下看。

taro init myApp

输入命令之后有一些选项

已有项目安装依赖或在创建完项目之后看这里,Taro 会默认开始安装项目所需要的依赖,安装使用的工具按照 yarn > cnpm > npm 顺序进行检测。一般来说,依赖安装会比较顺利,但某些情况下可能会安装失败,这时候你可以在项目目录下自己使用安装命令进行安装

# 进入项目根目录
cd myApp

# 使用 yarn 安装依赖
yarn

# OR 使用 cnpm 安装依赖
cnpm install

# OR 使用 npm 安装依赖
npm install

wellcms 小程序目录为miniapp,管理员身份打开cmd

# 进入D盘
d:

# 进入项目根目录
cd miniapp

# 使用 yarn 安装依赖
yarn
转载请注明原文地址:http://www.wellcms.cn/read-266.html
0