设置weex开发环境

第一步,打开weex官网,先把设置开发环境需要的东西看一下。

  1. 官网下载Node.js:https://nodejs.org/en/?spm=a2c7j.-zh-guide-develop-setup-develop-environment.0.0.170411c4v6d9iB 控制台用node -v查看版本,是否安装成功
  2. npm工具自动安装,这里npm的作用我理解的类似于maven,负载管理配置;将npm镜像设置为淘宝镜像,在控制台输入
npm config set registry https://registry.npm.taobao.org
查看配置是否已经设置为淘宝镜像
npm config get registry

alt

  1. 安装weex-toolkit
npm i -g weex-toolkit 
weex -v // 查看当前weex工具版本
  1. Webpack安装,Webpack是将模块化进行打包发布处理的一个工具
npm  install  webpack  -g
webpack -v // 查看当前webpack版本
  1. 然后初始化 Weex 项目
cd 到想要创建项目的目录
weex create awesome-project

执行完命令后,在 awesome-project 目录中已经为我们生成了标准项目结构

  1. 进入项目所在路径,运行项目
    如果你在生成项目的时候选择了自动安装依赖,在进入项目后只需直接运行 npm start 就可以将项目完整跑起来,否则,你需要预先在项目中运行一下 npm install 安装项目所需依赖。

启动项目过程中遇到的问题:

Error making request.
Error: connect ETIMEDOUT 54.231.81.184:443
    at TCPConnectWrap.afterConnect [as oncomplete] (net.js:1137:16)
    -----------------------------------------------------------------
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! phantomjs-prebuilt@2.1.16 install: `node install.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the phantomjs-prebuilt@2.1.16 install script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Ed_Cheng\AppData\Roaming\npm-cache\_logs\2020-03-12T04_13_02_851Z-debug.log

用的CSDN上一个大神的解决方案,超级简单,但好用

npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver

alt

  1. 还可以安装一个和Jet公司旗下的另外一款适用于前端开发的开发软件WebStorm,方便前端的开发和发布
    https://www.jetbrains.com/webstorm/
发布了6 篇原创文章 · 获赞 8 · 访问量 1931

猜你喜欢

转载自blog.csdn.net/MRcheng12138/article/details/104816221