WEEX环境搭建步骤

冷不防 2022-06-01 01:20 332阅读 0赞

#### 1.一般使用vue或者vue框架的时候我们都会用到nodejs环境与npm。 ####

使用node -v , npm -v 命令检测自己电脑是否已经成功安装

![SouthEast][]

如果没有安装请前往 [nodejs官网][nodejs]下载最新版本完成安装（安装了nodejs,npm也会随之安装）

#### 2.安装weex-tllokit ####

<table style="width:708px; overflow:auto; border-width:0px; border-style:initial; border-color:initial; color:rgb(171,178,191); font-family:&quot;Source Sans Pro&quot;,&quot;Helvetica Neue&quot;,Arial,sans-serif; font-size:14px; margin-right:0px!important; margin-bottom:0px!important; margin-left:0px!important"> 
 <tbody> 
  <tr style="background:rgb(53,54,57); border:0px; padding:0px"> 
   <td style="padding:0px; border-width:0px; border-style:initial; border-color:initial"> <pre style="padding:0px; overflow:auto; background:none; margin-right:0px; margin-bottom:0px; margin-left:0px; border-width:initial; border-style:none">
      
       
     <div style="height:22px">
      
        
       $ npm install -g weex-toolkit
      
       
     </div>
      
       
     <div style="height:22px">
      
        
       $ weex -v //查看当前weex版本
      
       
     </div></pre> </td> 
  </tr> 
 </tbody> 
</table>

安装完成，然后直接使用 weex命令验证是否安装成功

![SouthEast 1][]

由于 Weex 项目需要 webpack 来打包，所以我们也可以直接全局安装。

![SouthEast 2][]

#### 3.创建weex项目 ####

![SouthEast 3][]

#### 4.添加依赖并运行项目 ####

![SouthEast 4][]

最后直接输入如下命令

npm run serve

打开浏览器输入http://localhost:8080/，就是自己的项目

一般不建议再8080端口下，所以也可以去修改自己喜欢的端口，在webpack.dev.js文件里面找到

![SouthEast 5][]

（现在我已经把8080改成了12580，你也可以随意更改，改完保存重新运行，在浏览器输入网址加自己的端口号即可）

\--------------------------------------------------end----------------------------------------------------------------------

*本人新手一枚，记录自己的成长历程，如有bug请留言，我会更加努力去学习修改，谢谢大家！*

[SouthEast]: /images/20220601/8a67306785cc463d87843aab4d2dfef5.png
[nodejs]: https://nodejs.org/en/
[SouthEast 1]: /images/20220601/2276749a71f74ec0bca1ebc394d22c86.png
[SouthEast 2]: /images/20220601/687c53f167fc4dd9b63044f9a7da90a8.png
[SouthEast 3]: /images/20220601/7ff52cce95354782bfd9e99811d19c25.png
[SouthEast 4]: /images/20220601/f8042138812a457aa71c9ba3affdbe37.png
[SouthEast 5]: /images/20220601/6ca680b4e13b4a0580f58e9f5570c785.png